♥一.01节点概述
二：♥.子节点
♥.parentNode.childNodes(标准)
♥.parentNode.children (非标准)
三♥.兄弟节点
四♥.创建节点
五♥.添加节点
六♥.删除节点
七♥.复制（克隆）节点
♥一.01节点概述
网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示
DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。
♥.父级节点 parentNode
可返回某节点的父节点，注意是最近的一个父节点
如果指定的节点没有父节点则返回null
二：子节点
♥.parentNode.childNodes(标准)
返回包含指定节点的子节点的集合，该集合为即时更新的集合
返回值里面包含了所有的子节点，包括元素节点，文本节点等。
如果只想要获得里面的元素节点，则需要专门处理。所以我们一般不提倡使用 childNodes
♥.parentNode.children (非标准)
只读属性，返回所有的子元素节点，其余节点不返回
children是一个非标准，但是得到了各个浏览器的支持 ，可以放心使用
firstChild：返回第一个子节点，找不到则返回nul；包含所有的节点。
lastChild：返回最后一个子节点，找不到则返回nul；包含所有的节点。
firstElementChild : 返回第一个子元素节点，找不到则返回null.
lastElementChild : 返回最后一个子元素节点，找不到则返回null
♥.兄弟节点
nextSibling 返回当前元素的下个兄弟节点，找不到则返回null
previousSibling 返回当前元素上一个兄弟节点，找不到则返回null
♥.创建节点
document.createElement(tagName'')
创建由 tagName指定的HTML元素
因为这些元素原先不存在，是根据我们的需求动态生成的，所以我们也称为动态创建元素节点。
♥.添加节点
node.appendChild() 将—个节点添加到指定父节点的子节点列表末尾
类似 css里面的after伪元素
node. insertBefore() --将一个节点添加到父节点的指定子节点前面
--类似于css里面的 before 伪元素
♥.删除节点 node.removeChild()：---从 node节点中删除一个子节点，返回删除的节点。
♥.复制（克隆）节点--- node.cloneNode() 方法返回调用该方法的节点的一个副本。也称为克隆节点/拷贝节点