DOM
1.querySelector()
#選擇符api,接受一個css選擇符禾蚕，返回第一個匹配的元素
var body = document.querySelector('body');
var myDiv = document.querySelector('#myDiv'); //id = myDiv;
var s = document.querySelector('.s'); // class = s
2.querySelectorAll()
#用法與querySelector()相同,返回一個nodeList
3.matchesSelector()
#element方法
判斷該element是否匹配css選擇符
document.body.matches('body.page1')
4.元素遍歷
#新增的api
childElementCount
firstElementChild
lastElementChild
previousElementSibling
nextElementSibling
#能夠更好的遍歷元素蹋宦，不用判斷nodeType
//遍歷元素例子
var i,len,child = element.firstElementChild
while(child!=element.lastElementChild){
processChild(child);
child = child.nextElementSibling;
}
