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:指向下一个兄弟节点