通过兄弟节点，父子节点来操作具体方法，添加节点，删除节点

浏览器会根据DOM模型，将HTML文件解析成一系列的节点，这些节点组成了树

HTML文档中所有事务都可以成为节点，例如：标签节点，属性节点，文本节点，注释等

父子关系
parentNode：一定是元素类型节点
x.parentNode
children:获取到元素类型的子节点
x.children
childNodes:获取到所有类型的子节点
x.childNodes

兄弟关系
获取到元素类型的上一个兄弟节点
previousElementSibling
previousSibling

获取到元素类型的下一个兄弟节点
nextElementSibling

特殊位置
第一个子节点
firstElementChild
最后一个子节点
lastElementChild
//document指整个HTML文档的根节点
/
节点类型 nodetype
元素 1
属性 2
文本 3
注释 8
/

节点操作方法：

  1.     创建新节点---------createElement('li')<br />        末尾添加子节点-----appendChild(newnode)<br />        在某个元素之前插入节点---insertBefore（newnode,oldnode）<br />        删除节点---------removeChild(node)<br />        替换节点---------replaceChild(newnode,replacenode)<br />        克隆节点---------cloneNode(false/true)<br />cloneNode中的参数只有false和true。false：只克隆元素节点，true：克隆节点以及内容