javaScript高级编程11之DOM扩展

选择符API

1.1 querySelector()方法

　　querySelector()方法，接收一个css选择符，返回与该模式匹配的第一个元素，如果没有找到就返回null.

document.querySelector('body')；
document.querySelector('div')；

　　通过Document类型调用querySelector()方法时，会在文档元素的范围内查找匹配元素。而通过Element类型调用querySelector()方法时，只会在该元素后代查找匹配的元素.

 

1.2  querySelectorAll() 方法

　　该方法不返回第一个选中的元素，返回的是所有带有选择符的元素，是一个NodeList实例。

document.querySelectorAll('div')

　

1.3 matchesSekector() 方法

　    接收css选择符，如果调用元素与选择符匹配，则返回true,反之返回false.在不同的浏览器该方法名字不同。

2.1 元素遍历

 　　由于空白节点的关系，不同的浏览器兼容性不同。为了弥补这一差异，而又同时保持DOM规范不变，Element TraverSal规范新定义了一组属性。

1. childElementCount: 返回子元素的个数（布不包含文本节点和注释）
2. firstElementChild: 指向第一个子元素
3. lastElementChild: 指向最后一个子元素
4. previousElementSibling: 指向同一个前辈元素
5. nextElementSibling: 指向后一个同辈元素

3.1 HTML5

　　该部分只记录笔者个人觉得不常见过得补充。