querySelectorAll()
Поддержка браузерами
12.0+ | 9.0+ | 3.5+ | 4.0+ | 10.0+ | 3.2+ |
Описание
Метод document.querySelectorAll() возвращает список элементов HTML-документа, которые соответствуют указанной группе селекторов.
Синтаксис
document.querySelectorAll(селекторы);
Аргументы
- селекторы: строка состоящая из одного или более CSS-селекторов, разделённых запятыми.
Возвращаемое значение
- список узлов (массив), содержащий все элементы, которые совпали с любым из указанных селекторов.
Пример
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Название документа</title> </head> <body> <div> <p>Абзац1.</p> </div> <p class="test">Абзац2.</p> <button onclick="foo()">Выделить цветом два абзаца</button> <script> function foo() { var matches = document.querySelectorAll("div>p, .test"); for(var i = 0; i < matches.length; i++) { matches[i].style.backgroundColor = "yellow"; } } </script> </body> </html>Попробовать »