Artículos
Javascript

document.getElementById

25/Jun/2007

Si hubiera que decir cual ha sido el método más importante del lenguaje JavaScript desde su creación, creo que muchos coincidiríamos en que es document.getElementById. Dicho método nos permite obtener la referencia a un elemento de la página mediante el id de dicho elemento.

Por ejemplo, si tenemos una imagen representada por el siguiente código HTML:

Podríamos obtener una referencia a dicha imagen mediante el siguiente código JavaScript:

Una vez obtenida la referencia al elemento, podemos acceder a todas sus propiedades, ya sea para lectura o escritura. Por ejemplo, en este caso podríamos cambiar el origen (src) de la imagen, su alto/ancho,…

Una de las cosas que más puede sacar de quicio a las personas que lo utilizan es confundir mayúsculas con minúsculas. Si usamos getElementBYID o getElementByID o GETELEMENTBYID,… no nos funcionará.

En este caso vamos a utilizar esta función para obtener el contenido de un área de texto. A si que lo primero que haremos será crear un área de texto:

Ahora, para acceder al área de texto, utilizaremos su id «areadetexto» y la función document.getElementById. Con el fin de hacerlo más interactivo, vamos a utilizar el código JavaScript en el evento onClick de un botón.

Veamos el código:

Código Fuente

Descárgate el código fuente de document.getElementById
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
32 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios