获取元素的新方式
document.querySelector()与document.querySelectorAll()
参数都是CSS的选择器。1
2
3
4
5
6
7
8
9
10
11
12document.querySelector("#id1"); //利用id选择器来获取元素。
document.querySelector("#id1").style.backgroundColor = "green";
利用document.querySelector这种方法只能获取满足条件的第一个DOM元素。
要获取满足条件的全部元素只能使用document.querySelectorAll方法来获取。
document.querySelectAll 获取到的是一个伪数组，需要遍历才能使用：
var all = document.querySelectorAll("#id1");
for (var i = 0; i < all.length; i++) {
all[i].style.backgroundColor = "yellow";
}
