JavaScript红宝书11-DOM 扩展

53 阅读1分钟

SELECTORS API

JavaScript库中最流行的能力是,获取大量的DOM元素去匹配CSS选择器,Selector API由W3C发起,用于指定浏览器对CSS查询的本地支持。

querySelector()方法

querySelector()方法接收一个CSS查询并返回第一个后继元素,找不到返回null。

当querySelector()方法作用在Document类型时,尝试匹配文件的元素,当作用在Element类型上时,查询只尝试匹配后继元素。

CSS查询也许会很复杂或者很简单,一但语句错误或者不支持查询,会抛出错误。

matches()方法

matches()方法是matchesSelector()方法的特殊写法,传入一个CSS选择器参数,如果匹配成功返回true,匹配失败返回false。

元素遍历

DOM元素遍历主要使用以下这5个属性进行遍历:

1.childElementCount:返回子元素的数量

2.firstElementChild:指向第一个子元素

3.lastElementChild:指向最后一个子元素

4.previousElementSibling:指向上一个兄弟节点

5.nextElementSibling:指向下一个兄弟节点