获取元素的新方式 |

获取元素的新方式

document.querySelector()与document.querySelectorAll()

参数都是CSS的选择器。

document.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";
}