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';