DOM children
importancia: 5
Mira esta página:
<html>
<body>
<div>Users:</div>
<ul>
<li>John</li>
<li>Pete</li>
</ul>
</body>
</html>
Para cada una de las siguientes preguntas, da al menos una forma de cómo acceder a ellos:
- ¿El nodo
<div>
del DOM? - ¿El nodo
<ul>
del DOM? - El segundo
<li>
(con Pete)?
Hay muchas maneras, por ejemplo:
El nodo <div>
del DOM:
document.body.firstElementChild
// o
document.body.children[0]
// o (el primer nodo es un espacio, así que tomamos el segundo)
document.body.childNodes[1]
El nodo <ul>
del DOM:
document.body.lastElementChild
// o
document.body.children[1]
El segundo <li>
(con Pete):
// obtener <ul>, y luego obtener su último elemento hijo
document.body.lastElementChild.lastElementChild