JS DOM之节点

DOM（文档对象模型），描绘了一个层次化的节点树，允许添加，移除和修改页面的一部分。IE与其他浏览器的DOM不同，IE中所有的DOM对象都是以COM对象的形式实现的。
1.节点层次。DOM将HTML文档描绘成一个由多层节点构成的结构。

HTML文档中的层次依次为Document,html,head(meta,title,meta),body(div,p,span)等等。
2 Node类型
节点类型有三种，分别为：元素节点，属性节点，文本节点
nodeType属性：判断节点的类型

如果为元素节点，返回值为1，属性节点返回值为2，文本节点返回值为3.
nodeName属性

返回值为节点的名称，如box.
nodeValue属性。
3节点的关系。各个节点之间存在各种复杂的关系。
childNodes属性：每个节点都有，子节点。
parentNode属性：得到当前节点的父节点
nextSibling属性：得到当前子节点的同级相邻的后一节点
previousSibling属性：得到当前子节点的同级相邻的前一节点
firstChild属性：得到第一个子节点
lastChild属性：得到最后一个子节点

   4.hasChildNodes()方法：
   这个方法在节点包含一个或多个子节点的情况下返回true
   5appendChild()方法：
   用于向childNodes列表的末尾添加1个节点
   ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190224184110420.png)

5insertBefore()方法
接受个各参数：要插入的节点和作为参照的节点。