JavaScript: Cómo acceder a elementos del DOM


Si queremos acceder a un elemento del DOM, tenemos dos métodos para hacerlo:

  • getElementById selecciona un elemento según su atributo “id” especificado en el HTML. Ejemplo:
  • getElementsByTagName selecciona una lista de nodos cuyo elemento es el especificado como parámetro, y a cada uno se le asigna un índice. Por ejemplo, el siguiente código nos devolvería el tercer párrafo (el índice comienza en 0):

No obstante, para acceder a un elemento, podemos hacer lo de muchas formas diferentes. Por ejemplo, imaginemos que queremos acceder a un campo con id “myField” que es parte de el primer form (llamado “formulario”) de la página, podemos hacerlo de varias formas:

El ejemplo completo podría ser el siguiente: