querySelector/querySelectorAll

querySelector获取页面I属性D为test的元素：

1. document.getElementById("test");
2. //or
3. document.querySelector("#test");
4. document.querySelectorAll("#test")[0];

querySelectorAll获取页面class属性为”red”的元素:

1. document.getElementsByClassName('red')
2. //or
3. document.querySelector('.red')
4. //or
5. document.querySelectorAll('.red')

该方法返回所有满足条件的元素，结果是个nodeList集合。

要注意的是返回的nodeList集合中的元素是非实时（no-live）的