在js里操作DOM树.docVIP

在js里操作DOM树 DOM眼中的HTML文档：树 在DOM眼中，HTML跟XML一样是一种树形结构的文档，html是根（root）节点，head、title、body是html的子（children）节点，互相之间是兄弟（sibling）节点；body下面才是子节点table、span、p等等。如下图：??? 这个是不是跟XML的结构有点相似呢。不同的是，HTML文档的树形主要包含表示元素、标记的节点和表示文本串的节点。 7.4.2、HTML文档的节点 DOM下，HTML文档各个节点被视为各种类型的Node对象。每个Node对象都有自己的属性和方法，利用这些属性和方法可以遍历整个文档树。由于HTML文档的复杂性，DOM定义了nodeType来表示节点的类型。这里列出Node常用的几种节点类型： 接口 nodeType常量 nodeType值 备注 Element Node.ELEMENT_NODE 1 元素节点 Text Node.TEXT_NODE 3 文本节点 Document Node.DOCUMENT_NODE 9 document Comment Node.COMMENT_NODE 8 注释的文本 DocumentFragment Node.DOCUMENT_FRAGMENT_NODE 11 document片断 Attr Node.ATTRIBUTE_