Para leer nodos del DOM hay 5 métodos de los cuales los 2 últimos son los mas recomendables por su flexibilidad.
document.getElementById
.parent.getElementsByTagName
.parent.getElementsByClassName
.parent.querySelector
.parent.querySelectorAll
.document.getElementById
Nos permite obtener un elemento por medio de su
id
.
document.getElementById("name");
// <input type="text" id="name">
parent.getElementsByTagName
Obtiene una colección de elementos con todos los elementos hijos que tengan esa etiqueta.
<aside> 💡 No es posible usarlo en singular.
</aside>
document.getElementsByTagName("input");
// HTMLCollection(17) [...]
parent.getElementsByClassName
Obtiene una colección de elementos con todos los elementos hijos que tengan esa clase.