No puedo encontrar por qué no puedo escribir algo .innerHTML para agregar texto en mi sitio.
Aquí hay una parte de mi HTML:
<table> <tr> <td class="test1"></td> <td class="test2"></td> <td class="test3"></td> <td class="test4"></td> </tr> </table>
...
</main> <script src="./test.js"></script> </body> <footer>
Aquí hay una parte de mi JS:
const $test1 = document.querySelector('.test1') $test1.innerHTML = `test`;
En este ejemplo, quiero mostrar "texto" en el primer caso de la primera línea de mi tabla. Pero no se muestra nada. ¿Quizás estos 2 archivos no están bien vinculados? No sé...
Espero que tengas suficiente información, ¡no dudes en pedirme más detalles!
Muchas gracias por adelantado.
Que tengas un lindo día.
Debe envolver su código html con la etiqueta <table>
. Los elementos <td>
y <tr>
deben residir dentro de un elemento. Puedes leer más sobre este tema aquí
Otro problema que tiene es que los elementos <td>
están cerrados por las etiquetas </th>
.
var test1 = document.querySelector(".test1"); test1.innerHTML = 'test';
<table> <tr> <td class="test1"></td> <td class="test2"></td> <td class="test3"></td> <td class="test4"></td> </tr> </table>
Puedes consultar este pequeño fragmento aquí:
document.querySelector('table td.test1').innerHTML = `test`
<table> <tr> <td class="test1"></td> <td class="test2"></td> <td class="test3"></td> <td class="test4"></td> </tr> </table>