Ideas/conceptos claves

Los objetos NodeList son colecciones de nodos como los devueltos por propiedades como Node.childNodes y el método document.querySelectorAll () Aunque NodeList no es un Array, es posible iterar sobre él utilizando forEach(). También puede convertirse a un Array usando Array.from

Apuntes

• Podemos usar los siguientes métodos para manipular el DOM

🔢 Para obtener el elemento por el ID

document.getElementById()

🛑 Para obtener el elemento por el nombre de la etiqueta

parent.getElementsByTagName()

🏌️‍♀️ Para obtener el elemento por el nombre de la clase

parent.getElementByClassName()

• La web API ha cambiado bastante, por lo tanto, estos selectores no son recomendados cuando trabajamos con aplicaciones reales
• Existen 2 alternativas para este tipo de operaciones

parentElement.querySelector("")
// tag => "div", "section"
// clases => ".class1"
// Id => "#idContenedor"

• Permite seleccionar un elemento que especifiquemos en su primer argumento como una cadena o string

parentElement.querySelectorAll()

• Lo usamos cuando queremos traer todos los elementos que especifiquemos y nos devuelve una nodeList

<aside> 📌 RESUMEN: Para poder leer nodos tenemos diferentes métodos brindados por el navegador, entre los mas destacados estan los de querySelector y querySelectorAll que nos permiten especificar lo que deseamos traer mediante una cadena de texto. Ademas que si nos devuelven una lista esta sera una nodeList

</aside>