JavaScript中的nodeName nodeType nodeValue区别

最新推荐文章于 2024-03-02 17:43:16 发布

chengji0976

最新推荐文章于 2024-03-02 17:43:16 发布

阅读量82

点赞数

文章标签： javascript 前端 php ViewUI

原文链接：https://my.oschina.net/fengmin/blog/188850

版权

在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><scripttype="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><bodyonload="GetSpecifiedAttributes ()"contentEditable="false"></body>

关注web前端

转载于:https://my.oschina.net/fengmin/blog/188850