Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.
Общая информация
Возвращает список элементов в пределах документа (поиск осуществляется в пределах указанного элемента) которые соответствуют указанной группе селекторов. Возвращает объект типа NodeList.
Синтаксис
elementList = document.querySelectorAll(selectors);
где
elementList -статическая коллекция элементов.selectors- строка, содержащая, через запятую, один или более CSS селектор.
Возвращаемый NodeList содержит все элементы в пределах документа, которые соответствуют любому из указанных селекторов. Если строка selectors содержит CSS псевдо-элемент, в elementList ничего не вернется.
Пример
Данный пример возвращает список всех div элементов в пределах document имеющих классы "note" или "alert":
var matches = document.querySelectorAll("div.note, div.alert");
Примечание
Возвращает non-live NodeList всех соответствующих узлов элемента.
Выбрасывает исключение SYNTAX_ERR в случае передачи некорректной группы селекторов.
Функция querySelectorAll() была введена в WebApps API.
В браузерах WebKit есть баг: когда строка селекторов содержит CSS псевдо-элемент, вернется элемент <html> вместо пустого значения.
Строка передающаяся в querySelectorAll должна соответствовать синтаксису CSS. Больше примеров document.querySelector.
Совместимость с браузерами
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 1 | 3.5 (1.9.1) | 9 8 (CSS2 selectors only) |
10 | 3.2 (525.3) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.1 | yes | 9 | 10.0 | 3.2 |