Figli nel DOM
importanza: 5
Guardiamo questa pagina:
<html>
<body>
<div>Utenti:</div>
<ul>
<li>John</li>
<li>Pete</li>
</ul>
</body>
</html>Per ciascuno dei seguenti, fornire almeno un modo per accedervi:
- Il nodo DOM
<div>? - Il nodo DOM
<ul>? - Il secondo
<li>(con Pete)?
E’ possibile farlo in diversi modi, ad esempio:
Il nodo DOM <div>:
document.body.firstElementChild
// oppure
document.body.children[0]
// oppure (il primo nodo è uno spazio, quindi prendiamo il secondo)
document.body.childNodes[1]Il nodo DOM <ul>:
document.body.lastElementChild
// oppure
document.body.children[1]Il secondo <li> (con Pete):
// prendi <ul>, e quindi il suo ultimo elemento figlio
document.body.lastElementChild.lastElementChild