JavaScript中的nodeName nodeType nodeValue区别

jonson

浏览: 168507 次
性别:
来自: 杭州

最近访客更多访客>>

For-Better

binny1024

一半水分子

amw895

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript 浏览器 PHP 框架 XML

在JavaScript中，存在有nodeName 、nodeType、 nodeValue这三个属性，今天我们来了解下JavaScript中的nodeName 、nodeType 、nodeValue区别

nodeName

nodeName 属性含有某个节点的名称。

* 元素节点的 nodeName 是标签名称
* 属性节点的 nodeName 是属性名称
* 文本节点的 nodeName 永远是 #text
* 文档节点的 nodeName 永远是 #document

注释：nodeName 所包含的 XML 元素的标签名称永远是大写的.

nodeValue

对于文本节点，nodeValue 属性包含文本。

对于属性节点，nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType

nodeType 属性可返回节点的类型。

最重要的节点类型是：
元素类型                  节点类型
元素element               1
属性attr                       2
文本text                       3
注释comments          8
文档document         9

当你打算去写一个js的框架之类的时候，可能就会比较多的用到这几个属性的。这几个属性可以让你拿到你所拥有的节点的属性名称，以及属性名称的内容，以及属性和节点的类型。

初步大家可以看下这个网址里面的代码演示。http://help.dottoro.com/ljiuhlep.php

下面是演示的代码1：

<head>
    <script type="text/javascript">
        function GetSpecifiedAttributes () {
            var message = "The following attributes specified for the body:\n";

            for (var i=0; i < document.body.attributes.length; i++) {
                var attr = document.body.attributes[i];
                if (attr.specified) {
                    message += "\n" + attr.nodeName + "=" + attr.nodeValue;
                }
            }

            alert (message);
        }
    </script> 
</head>
<body onload="GetSpecifiedAttributes ()" contentEditable="false">
</body>