*JavaScript
 ECMAScript: 数据类型和变量，选择结构，循环结构，对象，数组，函数，运算符(ES6特性)

 DOM: 文档对象模型
   -Document:每个载入浏览器的 HTML 文档都会成为 Document 对象

 节点获取：
 1.getElementById()
 2.getElementsByName()
 3.getElementsByTagName()
 4.getElementsByClassName()
 5.querySelector()
 6.querySelectorAll()
 操作文本内容：
 1.innerText
 2.innerHTML
 操作样式:
 1.HTML元素.style.样式属性＝"值"
 2.HTML元素.setAttribute(name,value)
 3.HTML元素.className = "值"
 4.HTML元素.id = "值"

 节点创建：
 createElement():创建元素节点
 createAttribute():创建属性节点
 createComment():创建注释节点
 createTextNode():创建文本节点
 节点属性：
 nodeName:节点名
 nodeType:节点类型
 nodeValue:节点值

 节点添加:
 appendChild(): 末尾追加子节点
 insertBefore()：已有的子节点之前插入新节点

 节点删除:
 removeAttribute() 从元素中移除指定属性。 
 removeAttributeNode() 移除指定的属性节点，并返回被移除的节点。
 removeChild() 从元素中移除子节点。 
 replaceChild() 替换元素中的子节点。
 
 节点关系：
 childNodes：获取所有的子节点(包含空格)
 children：获取所有的子节点(不包含空格)
 firstChild: 第一个子节点
 lastChild：最后一个子节点
 nextSibling：同辈节点的下一个节点
 previousSibling：同辈节点的上一个节点
 parentNode：获取父节点
 nodelist.item() 返回 NodeList 中位于指定下标的节点。 
 nodelist.length 返回 NodeList 中的节点数。