DOM属性节点

最新推荐文章于 2023-08-26 22:53:36 发布

cdzmy

最新推荐文章于 2023-08-26 22:53:36 发布

阅读量433

点赞数 1

分类专栏： web 文章标签：属性节点文档节点

本文链接：https://blog.csdn.net/cdzmy/article/details/71080352

版权

web 专栏收录该内容

5 篇文章 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

文档节点不知道获取的对不对，有知道的能告诉我吗？

<HEAD>
  <TITLE></TITLE>
 </HEAD>
 <BODY>
  <table>
    <tr>
        <td id="john" name="myname">John</td>
        <td>Doe</td>
        <td id="jack">Jack</td>
    </tr>
  </table>
  <script>
    //元素节点
    var a = document.getElementById("john");
    document.write(a.nodeType+"<br>");
    document.write(a.nodeName+"<br>");
    document.write(a.nodeValue+"<br>"+"<br>");
    //属性节点
    var b = document.getElementById("john").getAttributeNode("name");
    document.write(b.nodeType+"<br>");
    document.write(b.nodeName+"<br>");
    document.write(b.Value+"<br>"+"<br>");
    //文本节点
    var c = document.getElementsByTagName("td")[0].firstChild;
    document.write(c.nodeType+"<br>");
    document.write(c.nodeName+"<br>");
    document.write(c.nodeValue+"<br>"+"<br>");
    //文档节点
    var d = document.documentElement;
    document.write(d.nodeType+"<br>");
    document.write(d.nodeName+"<br>");
    document.write(d.nodeValue);
  </script>
 </BODY>
</HTML>

结果如下

cdzmy

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
DOM属性节点

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：1. nodeName : 节点的名称2. nodeValue ：节点的值3. nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。1. 元素节点的 nodeName 与标签名相同2. 属性节点的 nodeName 是属性的名称3. 文
复制链接

扫一扫