码迷,mamicode.com
首页 > Web开发 > 详细

js DOM Node类型

时间:2015-12-18 16:38:59      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:

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(要插入的节点,要替换的结点)——返回要替换的节点并从文档树中删除。

 

js DOM Node类型

标签:

原文地址:http://www.cnblogs.com/tianxintian22/p/5057214.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!