08 JS-DOM之--nodeType、nodeName、nodeValue

最新推荐文章于 2024-04-13 01:08:30 发布

原创最新推荐文章于 2024-04-13 01:08:30 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript-DOM 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了DOM中不同类型的节点，包括元素节点、属性节点和文本节点，并通过实例代码展示了如何获取这些节点及其对应的nodeType、nodeName和nodeValue属性。

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

nodeType:值为数字

nodeName

nodeValue

   body案例代码：
   <div id="box" title="我是title">我是内容</div>

    //获取三种节点。
    var eleNode = document.getElementById("box");//元素节点。
    var attNode = eleNode.getAttributeNode("title");//获取属性节点用的。
    var txtNode = eleNode.firstChild;//box只有一个内容，所以直接获取他的文本节点

    //nodeType
    console.log(eleNode.nodeType);//元素1
    console.log(attNode.nodeType);//属性2
    console.log(txtNode.nodeType);//文本3


    //nodeName
    console.log(eleNode.nodeName);//元素：DIV
    console.log(attNode.nodeName);//属性：title
    console.log(txtNode.nodeName);//文本：#text


    //nodeValue
    console.log(eleNode.nodeValue);//元素：null
    console.log(attNode.nodeValue);//属性：自己的值
    console.log(txtNode.nodeValue);//文本：自己的值

元素节点没有value值，永远都是null