HTML and CSS Reference
In-Depth Information
Esempio 8.4
var container = document.getElementById("mainText");
var children = container.getElementsByTagName("p");
Anche in questo caso il codice è estremamente semplice. La potenza di questa tecnica risie-
de nella possibilità di combinare i metodi per applicare filtri anche complessi sulla nostra
ricerca nel DOM.
Una volta che abbiamo ottenuto gli oggetti che cerchiamo, possiamo partire da questi
per navigare ulteriormente nel DOM alla ricerca di altri oggetti attraverso una serie di me-
todi elencati nella
tabella 8.1
.
Metodo
Descrizione
Restituisce i nodi figli dell'oggetto del DOM su cui applichia-
mo il metodo.
childNodes
Restituisce il primo nodo figlio dell'oggetto del DOM su cui
applichiamo il metodo.
firstChild
Restituisce l'ultimo nodo figlio dell'oggetto del DOM su cui
applichiamo il metodo.
lastChild
Restituisce il nodo successivo allo stesso livello dell'oggetto
del DOM su cui applichiamo il metodo.
nextSibling
Restituisce il nodo precedente allo stesso livello dell'oggetto
del DOM su cui applichiamo il metodo.
previousSibling
Restituisce il nodo padre dell'oggetto del DOM su cui appli-
chiamo il metodo.
parentNode
Tabella 8.1
- Elenco dei metodi di navigazione del DOM di un oggetto.
L'utilizzo di questi metodi è molto semplice ed è mostrato nel seguente codice.
Esempio 8.5
//Recupera un div con id mainText
var obj = document.getElementById("mainText");
