DOM扩展
1. Selectors API
querySelecor()和querySelectorAll()是Document类型和Element类型新增用于查找元素的方法
1.1 querySelector
接收CSS选择符参数,返回第一个匹配的元素,否则返回null
1.2 querySelectorAll()
与querySelector一致,但是返回所有匹配的节点,为NodeList的实例.但它是静态的快照而非实时的状态
1.3 matches()
检测元素是否匹配指定的规则
2. 元素遍历
因为浏览器对空格处理方式的不一致,W3C通过了新的Element Traversal为DOM元素新增5个属性来弥补差异
2.1 新增属性
childElementCount: 返回子元素数量(不包含文本和注释)
firstElementChild: 指向第一个Element类型的子元素(Element版的firstChild)
lastElementChild: 同上
previousElementChild: 同上
nextElemeneChild: 同上
3. HTML5
3.1 CSS类扩展
getElementsByClassName(): 通过传入一个或多个类名的字符串查找元素
3.2 classList
实现class的增删改查
add(): 新增
remove(): 移除
contains(): 是否包含
toggle(): 切换
3.3 焦点管理
document.activeElement: 获取当前聚焦的元素
document.hasFocus(): 文档是否获得了焦点
未完待续
