js之节点属性

最新推荐文章于 2022-08-23 17:03:23 发布

_我就是愛自由

最新推荐文章于 2022-08-23 17:03:23 发布

阅读量486

点赞数

分类专栏： javascript 文章标签： javascript DOM属性操作

本文链接：https://blog.csdn.net/u010359143/article/details/48598061

版权

javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

节点属性

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：

1. nodeName : 节点的名称

2. nodeValue ：节点的值

3. nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document

二、nodeValue 属性：节点的值

1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型节点类型
元素 1
属性 2
文本 3
注释 8
文档 9

demo：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>节点属性</title>
</head>
<body>
  <ul>
     <li>javascript</li>
     <li>HTML/CSS</li>
     <li>jQuery</li>     
  </ul>
  <script type="text/javascript">
    var linode = document.getElementsByTagName("li");
    for(var i = 0;i<linode.length;i++) {
            document.write("linode的"+(i+1) +"节点名称：" + linode[i].nodeName + "<br/>");
            document.write("linode的"+(i+1) +"节点值：" + linode[i].nodeValue + "<br/>");
            document.write("linode的"+(i+1) +"节点类型：" + linode[i].nodeType + "<br/><br/>");
        }
  </script>
</body>
</html>

运行结果：

    javascript
    HTML/CSS
    jQuery

linode的1节点名称：LI
linode的1节点值：null
linode的1节点类型：1

linode的2节点名称：LI
linode的2节点值：null
linode的2节点类型：1

linode的3节点名称：LI
linode的3节点值：null
linode的3节点类型：1