JS对象——5.文档对象(HTMLElement)

一.元素属性
	1.id → <string> 获取或设置id属性
	2.className → <string> 获取或设置类列表
	3.classList → <DOMTokenList> 获取或设置类列表
	4.title → <string> 获取或设置title属性
	5.checked → <boolean> 获取或设置checked属性是否存在
	6.hidden → <boolean> 获取或设置hidden属性是否存在
	7.disabled → <boolean> 获取或设置disabled属性是否存在
	8.lang → <string> 获取或设置lang属性
	9.dir → <string> 获取或设置dir属性
	10.spellcheck → <string> 获取或设置spellcheck属性
	11.tabIndex → <string> 获取或设置tabIndex属性
	12.tagName → <string> 获取标签名
	13.style → <CSSStyleDeclaration> 获取样式对象
	      通过style.fontSize, style.color设置获取具体样式
		
二.DOMTokenList 对象
	1.add(<class>) 添加指定类
	2.contains(<class>) → <boolean> 是否包含指定类
	3.length → <number> 类的数量
	4.remove(<class>) 移除指定类
	5.toggle(<class>) 类存在就移除,不存在就添加
	6.[index] 通过索引获取类名
	
三.属性控制
	1.attributes →[Attr] 所有属性
	  [index]或[属性名]获取Attr对象,通过Attr的name和value属性获取或设置
	2.dataset → [string] data-开头的属性
	  for-in语句遍历属性名,[属性名]获取或设置属性值 (属性名忽略data-开头)
	3.getAttribute(<name>) → <string> 获取指定属性的值
	4.hasAttribute(<name>) → <boolean> 判断是否带有指定属性
	5.removeAttribute(<name>) 移除指定属性
	6.setAttribute(<name>,<value>) 指定属性和值

四.Text对象
	1.appendData(<string>) 指定字符串加到文本块末尾
	2.deleteData(<offset>,<count>) 指定偏移量和删除字符的数量
	3.insertData(<offset>,<string>) 指定偏移量处插入字符
	4.replaceData(<offset>,<count>,<string>) 替换指定文本
	5.replaceWholeText(<string>) 替换所有文本
	6.splitText(<number>) 在指定偏移量一分为二
	7.substringData(<offset>,<count>) 返回指定文本
	8.data 获取或设置文本
	9.wholeText 获取文本
	
五.修改文档层级结构
	1.appendChild(<HTMLElement>) 指定元素添加(移动)为子元素
	2.removeChild(<HTMLElement>) 移除指定子元素
	3.remove() 删除自己
	4.replaceChild(<HTMLElement>,<HTMLElement>) 指定元素替换子元素
	5.cloneNode(<boolean>) → <HTMLElement> 复制元素 (参数代表复不复制子元素)
	6.compareDocumentPosition(<HTMLElement>) 判断元素相对位置
	返回值: 1 没关系, 2 P1位于P2后, 4 P1位于P2前, 8 P1位于P2内
		  16 P2位于P1内, 32 没有关系 (可能是值的组合,如20=4+16)
	
	7.insertAdjacentHTML(<pos>,<text>) HTML插入相对位置
	<pos>取值 : afterbegin 第一个子元素	beforeend 最后一个子元素
			   afterend 当前元素之后	beforebegin 当前元素之前
	8.insertBefore(<newElem>,<childElem>)  在第二个(子)元素前插入第一个元素
	
	9.isEqualNode(<HTMLElement>) → <boolean> 判断元素是否相同
	10.isSameNode(<HTMLElement>) → <boolean> 判断是否同一元素
	
	11.outerHTML 获取或设置当前元素及其子元素HTML
	12.innerHTML 获取或设置当前元素的子元素HTML