节点
节点：整个html文档 ---------- 文档节点
文件中的所有标签 ---------- 元素节点
标签的属性 ---------- 属性节点
标签中的文本 ---------- 文本节点
注释 ---------- 注释节点
获取节点：
方法 描述
getElementById() 根据 id 获取 dom 对象，如果 id 重复，那么以第一个为准
getElementsByTagName() 根据标签名获取 dom 对象数组
getElementsByClassName() 根据样式名获取 dom 对象数组
getElementsByName() 根据 name 属性值获取 dom 对象数组，常用于多选获取值
javascript:void(0); 伪协议，表示a标签不执行href属性的跳转行为，而去执行点击事件
javascript:函数名(); 不执行跳转，执行函数
例子：<a href="javascript:testById();" >按照 id获取元素</a>
<a
href="javascript:void(0);" onclick="testByName();">按照 name获取元素</a>
<a
href="javascript:void(0);" onclick="testByTagName();">按照标签名获取元素</a>
<a
href="javascript:void(0);" onclick="testByClass();">按照class获取元素</a>
创建节点与插入节点
创建节点
方法 描述
createElement() 创建一个新的节点，需要传入节点的标签名称，返回创建的元素对象
createTextNode() 创建一个文本节点，可以传入文本内容
innerHTML 也能达到创建节点的效果，直接添加到指定位置了
插入节点
方法 描述
write() 将任意的字符串插入到文档中
document.write() 在加载文档时使用，会和当前文档使用同一个document对象，所以写入的内容会显示在原来的内容之后；
document.write()在加载文档之后使用（点击按钮触发事件使用），此时document是一个新的对象，会将原来的document对象覆盖，所以原来页面中的内容也会被覆盖。
不要在使用document.write()方法之后去获取元素节点
appendChild() 向元素中添加新的子节点，作为最后一个子节点
insertBefore() 向指定的已有的节点之前插入新的节点
newItem：要插入的节点
exsitingItem：参考节点
需要参考父节点
间接查找节点
方法|属性 描述
childNodes () 返回元素的一个子节点的数组（包括文本节点）
firstChild() 返回元素的第一个子节点
lastChild() 返回元素的最后一个子节点
nextSibling 返回元素的下一个兄弟节点
parentNode 返回元素的父节点
previousSibling 返回元素的上一个兄弟节点
替换节点
方法|属性 描述
replaceChild(newNode,oldNode) 用新的节点替换旧的节点
oldNode.parentNode.replaceChild(newNode,oldNode)
首先通过旧节点定位到父节点，然后用新的节点替换旧节点
克隆节点
方法|属性 描述
cloneNode() 复制节点
var 复制好的节点 = 被复制的节点.cloneNode([true/false]);
true：深度克隆，可以克隆结构和内容
false(默认值)：只克隆结构
删除节点
方法|属性 描述
removeChild() 从元素中移除子节点
从父元素中删除节点，获取要删除对象的父元素，然后从父元素中删除该对象。
