DOM的节点属性nodeName、nodeValue、nodeType

最新推荐文章于 2021-06-07 15:55:18 发布

LLL_LH

最新推荐文章于 2021-06-07 15:55:18 发布

阅读量740

点赞数

分类专栏： dom 文章标签： dom

本文链接：https://blog.csdn.net/LLL_liuhui/article/details/79644148

版权

dom 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

DOM节点：以document对象为根，每个标签、文本、属性、注释等都是节点。
1、nodeName: 返回节点的名称，只读，string类型
2、nodeValue: 设置或返回指定节点的节点值
3、nodeType: 返回节点的类型,只读，string类型

这里写图片描述
比如：

<body>
        <div id="box" class="classa">文本值</div>
        <script>
            window.onload=function(){
                var box=document.getElementById("box");
                //元素节点
                console.log(box.nodeName);   //DIV 元素标签名大写
                console.log(box.nodeValue);  //null
                console.log(box.nodeType);   //1
                //属性节点
                var attr=box.getAttributeNode('class');
                console.log(attr.nodeName);   //class
                console.log(attr.nodeValue);  //classa
                attr.nodeValue="classb";      //设置nodeValue
                console.log(attr.nodeValue);  //classb
                console.log(attr.nodeType);   //2
                //文本节点
                var txt=box.firstChild;
                console.log(txt.nodeName);   //#text
                console.log(txt.nodeValue);  //文本值
                console.log(txt.nodeType);   //3
            }

        </script>

    </body>

LLL_LH

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
DOM的节点属性nodeName、nodeValue、nodeType

DOM节点：以document对象为根，每个标签、文本、属性、注释等都是节点。 1、nodeName: 返回节点的名称，只读，string类型 2、nodeValue: 设置或返回指定节点的节点值 3、nodeType: 返回节点的类型,只读，string类型比如：<body> <div id="box" class="classa">文本值</div> <
复制链接

扫一扫