Cuando ejecuto el siguiente código, ¿por qué el nombre de la variable que se asigna a la salida solo se imprime la primera vez que lo uso... no cada vez que lo uso?
<!DOCTYPE html> <html> <head> <title>Test</title> <script> window.onload = function(){ var name = prompt("What's your name?"); var lengthOfName = name.length document.getElementById('output').innerHTML = name; }; </script> </body> </head> <body> <h1>My First Heading</h1> <p id="output" </p> <p>My first paragraph.</p> <p id="output" </p> <p>My second paragraph.</p> <p id="output" </p> </body> </html>cuando lo ejecuto... esto es lo que parece
Mi primer pájaro dodo de partida
Mi primer párrafo.
Mi segundo párrafo.
Esperaría que se viera así
Mi primer pájaro dodo de partida
Mi primer párrafo. pájaro dodo
Mi segundo párrafo. pájaro dodo
En lugar de document.getElementById use document.querySelectorAll('#elID') y recorra todos los elementos, configurando su html interno.
Sin embargo, debe usar la clase en su lugar, ya que cada elemento Id en un documento debe ser único. Entonces, document.querySelectorAll('.elClass')