DOM 之 Node 类型

DOM，即文档对象模型，它提供了一个针对HMTL或者XML文档进行访问的API。目前主流浏览器都实现了DOM1级别的操作，包括FF，Chrome，Safari，opera1.7以上以及IE6以上。

 

Node 类型

　　Node类型实现于Node接口，所以节点对象都继承至Node类型。网页中所有节点对象一起组成了一个树形的层次结构，称之为节点树。这些节点之间也存在相互的关系。

 

　　Node类型的属性：

　　nodeType：规范一共定义了12中类型，但是常用的是元素类型1,属性类型2，文本类型3，文档类型9；

　　nodeName：元素的标签名；

　　nodeValue：如果存在，就是元素的值，不存在就是null；

　　childNodes：某个节点的所以子节点组成的集合，可以用数字下标来访问，和数组类似。它有一个方法item（index），和用下标访问是一样的效果。除此之外还有一个length属性表示子节点的个数；

　　firstChild：某个节点对象的第一个子节点，和childNode[0]对应，如果没有就是null；

　　lastChild：某个节点对象的最后一个子节点，和childNodes[childNodes.length-1]对应，如果没有就是null；

　　nextSibling：某个节点的下一个兄弟节点，如果这个节点是最后一个子节点，那么下一个兄弟节点肯定是null；

　　previousSibling：某个节点的上一个兄弟节点，如果这个节点是第一个子节点，那么上一个兄弟节点肯定是null；

　　parentNode：某个节点的父节点；

　　ownerDocument：引用包含它的文档节点，也就是根节点；

 

　　Node类型的方法：

　　appendChild：将一个节点作为自己的子节点，并放在childNodes中最后的位置；如果要插入的节点已经存在，那么将先从原来的位置删除，在添加都新的位置；

　　insertBefore：第一个参数是要插入的新节点，第二个是某个存在的节点。功能是将新节点出入到存在节点的前面；

　　replaceChild：第一个参数是要插入的新节点，第二个是要被替换掉的节点，被替换的节点会从文档中移除；

　　removeChild：要从文档中移除的节点；

　　这几个操作节点位置的方法中，appendChild和insertBefore都会返回新的节点，replaceChild和removeChild会返回被移除的节点。

　　

　　其他方法：

　　cloneNode：接受一个布尔值的参数。如果是true，就会进行深复制，即会复制子节点。false就不会赋值子节点。然后返回一个节点的副本。

　　normalize：用于处理子节点中的文本节点，如果子节点中存在多个相邻的文本节点，这种情况是不正常的，使用这个方法就可以合并这些不合理的文本节点，让节点结构正常化；

　　hasChildNoes：如果存在子节点就返回true，否则返回fasle，你也可以用childNodes.length来判断是否存在子节点。　　

　　

转载于:https://www.cnblogs.com/iRidescent-ZONE/archive/2012/07/08/2581926.html