DOM Selectors API e supporto dei browser

Esordiamo con una buona notizia: Internet Explorer 9 supporterà  questa caratteristica. Gli altri browser già  lo fanno da tempo e tutti in modo coerente con le specifiche W3C. Ma, ci si chiederà , a cosa servono queste API? Per rispondere alla domanda, prendiamo in considerazione un breve frammento HTML:

Vogliamo selezionare la seconda voce nella lista. Con i CSS è possibile scrivere:

#test li:nth-child(2) {}

Da questa considerazione e anche a fronte dei successi ottenuti da librerie quali jQuery

window.onload = function() {
var element = document.querySelector('#test li:nth-child(2)');
 alert(element.firstChild.nodeValue); // 'B'
};

In questo caso il metodo querySelector() NodeList querySelectorAll()

window.onload = function() {
var element = document.querySelectorAll('#test lì);
 alert(element[1].firstChild.nodeValue); // 'B'
};

Non appena IE9 avrà  cominciato a prendere piede, potremo utilizzare appieno questa nuova risorsa.