js dom 扩展

1. Selectors API核心方法有两个querySelector()和querySelectorAll()
   querySelector(A) 返回该匹配该模式的第一个后代元素，没有匹配的则返回null A参数的类型可以是 元素 ID 类...
   querySelectorAll(A) 返回匹配该模式的全部节点。返回的是一个静态的NodeList。 A参数可以接受元素 节点 和组合（p strong）
   2 getElementByClassName()
   getElementByClasName(A) 根据class获取指定元素，支持多个class组合。两个class用空格隔开
   3 classList属性
   每个元素都有classList属性。返回的数据类型为DOMTokenList 每个classList都一下几个属性
   add() 添加class
   contains() 是否包含css
   remove()删除class
   toggle()切换class 如果存在就删除，不存在就添加
   4 焦点管理
   辅助DOM焦点管理的功能，document.activeElement 查看当前焦点。hasFocus()判断是否存在焦点
   5 HTMLDocument扩展
   readyState属性判断文档是否加载完成。和onload功能一样

if (document.readyState =="complete"){
  //加载完成
}

6 字符集属性
元素支持自定义属性，自定义属性必须要以data-A开头 比如 data-name ="view" 。可以在元素中通过dataset属性获取到当前元素所以自定义属性