节点介绍及操作

整个网页分的更细致一点，组成部分：标签、文本 - 空格/换行、注释、标签属性

我们将每一个组成部分都叫做节点。

1、获取标签内部的所有节点：标签对象.childNodes

     获取标签内部的所有标签节点：标签对象.child

2、获取父标签内部的第一个(最后一个)子节点：标签对象.firstChild(lastChild)

      获取父标签内部的第一个（最后一个）字标签节点:标签对象.firstElementChild（lastElementChild）

3、获取上一个兄弟标签节点：节点.previousElementSibling

4、获取下一个兄弟标签节点：节点.nextElementSibling

5、获取父标签节点：子节点.parentElement

节点的操作：

1、创建标签节点：document.creatElement('div')

2、节点的插入：父节点.appendChild(子节点) 父节点.insertBefore(新的子标签-对象, 旧的子标签-对象)

3、替换节点： 父节点.replaceChild(新的子标签-对象, 旧的子标签-对象)

4、删除节点：父节点.removeChild(子标签-对象)

5、复制节点：节点.cloneNode(true)