javascript系列DOM

Posted 2020-07-23

DOM(文档对象模型)描绘了一个层次化的节点树。

1.1 Node类型

　　节点类型一共可分为十二种，且其都是继承自Node类型，其都共享相同的基本属性和方法。其中主要的节点类型有元素节点（element node）、属性节点（attribute node）、文本节点（text node）。要想了解节点的具体信息，可以使用nodeName和nodeValue两个属性，而nodeType可以确定节点的类型。

　　其中，元素节点的nodeType为1，属性节点的nodeType为2，文本节点的nodeType为3.

 if (someNode.nodeType == Node.ELEMENT_NODE)｛
       alert(‘这是一个元素节点‘); 
｝
//由于在IE的特殊性，所以上面的代码会出现错误，为了确保浏览器的兼容，所以最好还是使用下面的方法来确定其节点类型。
if (someNode.nodeType == 1){
     alert(‘这是一个元素节点‘);
}

　　在每个节点中，其都有一个childNodes属性，其中保存这一个NodeList对象（注意：NodeList能够自动反映DOM结构的变化，其是动态的。）。同样，每个节点都有一个parentNode属性，该属性指向文本的父节点。在某个节点的childNodes中所有的列表都具有相同的父节点。所以在某个Node中，其有多个方法来操作节点，以一图来表示。

注意：firstElementChild、nextElementSibling、