js高级程序设计笔记17

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;
}