document.querySelectorAll()

document.querySelectorAll() - повертає список всіх елементів в документі, які відповідають зазначеним селекторам.

Синтаксис:

window.document.querySelectorAll(selectors);

Параметри:

window - об'єкт window. Не обов'язково вказувати якщо посилатися на поточне вікно.

document - об'єкт document.

selectors - рядок що містить назву CSS селектора. Можна вказати декілька через кому.

Опис:

querySelectorAll() метод об'єкту document який повертає масив елементів за вказаним CSS селектором.

Приклад:

document.querySelectorAll("div"); var masP=document.querySelectorAll("p"); alert( 'Кількість елементів p на поточній сторінці: '+masP.length );

Змінюємо колір усіх елементів b які знаходяться у елементі p:

var mas=document.querySelectorAll("p b"); for(i=0; i<mas.length;i++) mas[i].style.color='#fa3df8';