标签:
DOM(文档对象模型)是针对HTML和XML文档的一个API。
DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的、以特定节点为根节点的树形结构。节点分为12种不同的类型,每种类型分别表示文档中的不同信息及(或)标记。这些类型都继承自一个基类型。
以下面为例:
<html> <!--文档元素,文档节点的子节点,是文档的最外层元素。每个文档只有一个文档元素。--> <head> <title>My article</title> </head> <body> <p>Hello world</p> </body> </html>
文档节点是每个文档的根节点。文档中的其他所有元素都包含在文档元素中。
1、Node类型
JavaScript中的所有节点类型都继承自Node类型。
每个节点都有一个nodeType属性(someNode.nodeType),表面节点的类型。Node类型中定义了12个数值常量,任何节点类型必居其一:
要了解节点的具体信息,可以使用nodeName和nodeValue。对于元素节点,nodeName保存的始终都是元素的标签名,而nodeValue的值则始终为null。
节点关系:
操作节点:
appendChild(newNode)——向childNodes列表末尾添加一个节点,返回新增的节点。如果传入到appendChild()的节点已经是文档的一部分,那结果是将该节点从原来的位置转移到新位置。
insertBefore(要插入的节点,作为参照的节点)——把节点放在childNodes列表中某个特定的位置上,返回插入的节点。插入节点后,被插入的节点会变成参照节点的前一个同胞节点(previousSibling)。
replaceChild(要插入的节点,要替换的结点)——返回要替换的节点并从文档树中删除。
标签:
原文地址:http://www.cnblogs.com/tianxintian22/p/5057214.html