整理的关于DOM的表格（三——DOM拓展）

类别	方法	作用	兼容性
Selectors	querySelector（）	接收一个css选择符，返回该模式匹配的第一个元素	IE 8+，Firefox 3.5+，Safari 3.1+，Chrome，Oprea 10+
	querySelectorAll（）	接收一个css选择符，返回该模式匹配的NodeList实例
	matchesSelector()	接收一个css选择符，返回布尔值（调用元素与该选择符的匹配）	IE 9+(ms)，Firefox 3.6+(moz)，Safari 5+，Chrome(webkit)
元素遍历	ChildElementCount	返回子元素（不包括文本节点和注释）的个数	IE 9+，Firefox 3.5+，Safari 4+，Chrome，Oprea 10+
	previousElementSibling	指向前一个同辈元素
	nextElementSibling	指向后一个同辈元素
	firstElementChild	指向第一个子元素
	lastElementChild	指向最后一个子元素
HTML5	getElementsByClassName()	/	IE 9+，Firefox 3+，Safari 3.1+，Chrome，Oprea 9.5+
	classList（DOMTokenList）	className集合	Firefox 3.6+，Chrome
	document.activeElement	引用DOM中当前获得焦点大元素	IE 4+，Firefox 3+，Safari 4+，Chrome，Oprea 8+
	document.hasFocus（）	确定文档是否获得焦点
	document.readyState	loading（正在加载文档）/ complete（已经加载完文档）	IE 4+，Firefox 3.6+，Safari，Chrome，Oprea 9+
	document.compatMode	CSS1Compat（标准模式）/ BackCompat（混杂模式）	IE 6+，Firefox 3.1+，Safari 3.1+，Chrome，Oprea
	document.head	文档head元素	Safari 5，Chrome
	document.charset	文档中实际使用的字符集	IE，Safari，Chrome，Oprea，Firefox（document.Characterset）
	document.defaultCharset	根据默认浏览器及操作系统设置，文档默认使用的字符集	IE，Safari，Oprea
	data-	元素dataset（DOMStringMap）属性访问	IE 11+，Firefox 6+，Safari 10.1+，Chrome
	innerHTML/outerHTML	插入脚本和样式表有差异、部分元素不支持（head、body、style、table…）	IE 4+，Firefox 7+，Safari 4+，Chrome，Oprea 8+
	insertAdjacentHTML	参数：插入位置和要插入的HTML文本
	scrollIntoView	调用元素出现在视口中	IE，Firefox，Safari，Oprea
专有扩展	children	同childNodes（只包含元素节点、ie8包含注释节点，ie9+只包含元素节点）	IE 5+，Firefox 3.5，Safari 3，Chrome，Oprea 8
	innerText/outerText		IE 4+，Safari 3+，Chrome，Oprea 8+，Firefox（）
	scrollIntoViewIfNeeded()	只有当前元素不可见时，滚动到视野内	Safari，Chrome
	scrollByLines()	将元素内容滚动指定行高
	scrollByPages()	将元素内容滚动指定页面高度
	contains	某个节点是不是另一个节点的后代	IE，Firefox 9+，Safari，Chrome，Oprea
DOM3	compareDocumentPosition（）	确定节点间的关系（无关、居前、居后、包含、被包含）	IE 9+，Firefox，Safari，Chrome，Oprea 9.5+