El método getElementById
En el capítulo anterior viste un poco de teroría sobre el DOM y un repaso por encima de lo que puede hacer. Seguramente todavía no sabes muy bien de lo que es capaz, por eso vamos a ir aprendiendo a hacer cosas con él.
El método getElementById le indica a JavaScript que acceda a un elemento mediante su atributo HTML id.
Seguramente quieres una extensa explicación técnica, pero no te la voy a dar, en su lugar, te daré algo mejor. Si me lees a menudo, ya sabes lo que es... ¡un ejemplo práctico! :P
<body> <p id="texto1">Este es el texto escrito en el párrafo HTML</p> <script> document.getElementById("texto1").innerHTML = "Este es el texto escrito por JavaScript."; </script> </body>
Resultado
Hasta ahora, has estado viendo un método similar a document.getElementById, el document.write que genera directamente un párrafo en el documento HTML.
En este ejemplo tenemos un párrafo con un id (texto1) y una frase en su interior.
En el script tenemos un getElementById con el id del párrafo y una frase que va a sustituir la otra, esta frase se reemplaza gracias a la propiedad innerHTML.
