JavaScript中的nodeName nodeType nodeValue区别

最新推荐文章于 2024-01-22 09:50:35 发布

William C

最新推荐文章于 2024-01-22 09:50:35 发布

阅读量463

点赞数

本文详细介绍了JavaScript中nodeName、nodeType及nodeValue三个核心属性的区别与应用。解析了不同类型的节点如何通过这些属性获取名称、类型及内容等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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>