JavaScript avanzato - HTML5 con CSS e JavaScript - page 161

Esempio 8.6
var obj, list;
//1. Recupera il primo oggetto con ID mainText
obj = document.querySelector("#mainText");
//2. Recupera tutti div
list = document.querySelectorAll("div");
//3. Recupera tutti i tag con classe CSS "myCssClass"
list = document.querySelectorAll(".myCssClass");
//4. Recupera il primo tag div
obj = document.querySelector("div");
//5. Recupera tutti i tag p contenuti in un tag div
list = document.querySelectorAll("div p");
//6. Recupera tutti i tag p figli diretti di un tag div
list = document.querySelectorAll("div > p");
//7. Recupera le righe pari di una tabella
list = document.querySelectorAll("table tr:nth-
child(even)");
//8. Recupera tutti gli elementi disabilitati
list = document.querySelectorAll("form input[disabled]");
//9. Recupera tutti i checkbox
list = document.querySelectorAll("form in-
put[type='checkbox']");
I metodi mostrati in questo esempio dimostrano come i metodi querySelector e que-
rySelectorAll coprano gran parte delle esigenze:
il risultato ottenuto dall'esempio 1 è equivalente a quello ottenuto invocando getE-
lementById ;