html5新增DOM

html5新增DOM
1、getElementsByClassName():获取含有指定class的元素
2、classList：html5新增用于操作class的方式，所有元素都添加calssList属性。classList.length表示class包含类的数量。还定义了如下方法：
add(value):将类添加进class，如果存在则不添加
contains(value):表示列表中是否存在给定的值，如果存在则返回true，否则返回false
remove(value):从列表中删除给定的字符串
toggle(value):如果列表中已经存在给定的值，删除它；如果列表中没有给定的值，添加它。
例：div[0].classList.remove("disabled");
3、document.activeElement属性：该属性始终会引用DOM中当前获得了焦点的元素。默认情况下，文档刚刚加载完成时，该属性保存的是document.body元素的引用。文档加载期间该属性保存值是null。
4、document.hasFocus():确定文档是否获得了焦点。
5、document.readyState属性:有两个值，loading：正在加载文档；complete：已经加载完文档。
6、新增document.head引用文档的头元素
7、document.charset属性指定新字符集：如，document.charset="UTF-8",默认值为"UTF-16"。另一个属性document.defaultCharset表示根据默认浏览器及操作系统的设置，当前文档默认的字符集应该是什么。
8、dataset：操作用户自定义属性，自定义属性以data-开头，在设置时不用添加data-，如：
div.dataset.appid="123";//html文档中会出现data-appid="123"
9、outerHTML：包含被调用元素本身
10、insertAdjacentHTML(参数1,参数2):参数1可选值如："beforebegin"在当前元素之前插入一个紧邻的同辈元素；"afterbegin"在当前元素之下插入一个新的子元素或在第一个子元素之前再插入新的子元素；"beforeend"在当前元素之下插入一个新的子元素或者最后一个子元素后再插入新的子元素；"afterend"在当前元素后插入一个紧邻的同辈元素。例：
element.insertAdjacentHTML("beforebegin","<p>hellow owrd</p>");//作为前一个同辈元素插入
11、scrollIntoView()方法
12、children属性：返回子元素集合
13、contains():确定某节点是不是另一个节点的后代，是返回true，否则返回false。例：
祖元素.contains(后代元素);
14、innerText、outerText没有被html5纳入规范，但是多数浏览器依然支持