DOM扩展

选择符API

querySelector()返回该模式匹配的第一个元素

querySelectorAll() 返回所有匹配的元素

与类相关

document.getElementByClassName(一个或多个类名)

classList属性  

add(value) 将指定字符串添加到列表中

contains    返回布尔值

remove    从列表中删除给定的字符串

toggle  

焦点管理

document.activeElement属性，这个属性始终会引用DOM中当前获得了焦点的元素，元素获得焦点的方式有页面加载、用户输入和在代码中调用focus方法

document.hasFocus方法，这个方法用于确定文档是否获得了焦点，从而判断用户是不是正在与页面交互

自定义数据

可以通过元素的dataset属性来获取

innerHTML（）

这个会创建html解析器，这个解析器是在浏览器级别的代码基础上运行的，因此比执行javascript代码快得多

scrollIntoView()