document.querySelector(".t1") — елемент з класом t1
document.querySelector("#d1") — елемент з ідентифікатором d1
document.querySelector("p") — <p></p>
document.querySelector("div > p") — <p></p> в <div>
document.querySelector("p.t1") — клас t1 в <p></p>
document.querySelector(".t1 .t2") — клас t2, що знаходяться в t1
document.querySelector("h1, h2") — або h1, або h2
Усі
var x, i;
x = document.querySelectorAll(".t1");
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red";
}