DOM(文档对象模型)是针对HTML和
DOM可以将任何HTML或
以下面为例:
<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(要插入的节点,要替换的结点)——返回要替换的节点并从文档树中删除。
原标题:js DOM Node类型
关键词:JS