nodeName：元素的标签名，以大写形式表示，只读；nodeValue:Text节点或者Comment节点的文本内容，可读写可修改；

&XYZ&

已于 2022-03-10 08:46:40 修改

阅读量972

点赞数

分类专栏： JavaScript 文章标签： javascript webview html

于 2019-09-18 21:16:54 首次发布

本文链接：https://blog.csdn.net/JEFF_luyiduan/article/details/100997954

版权

JavaScript 专栏收录该内容

73 篇文章 1 订阅

订阅专栏

nodeName：元素的标签名，以大写形式表示，只读；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <strong></strong>
    <span></span>
    <p></p>
    <em></em>
    <a></a>
    <i></i>
    <q></q>
</div>
</body>
<script>
    /*
    节点的四个属性：
        nodeName：元素的标签名，以大写形式表示，只读；
     */
    const div = document.getElementsByTagName('div')[0];
    console.log(div.childNodes);//NodeList(15) [text, strong, text, span, text, p, text, em, text, a, text, i, text, q, text]
    console.log(div.childNodes[0].nodeName);//#text
    console.log(div.childNodes[1].nodeName);//STRONG
</script>
</html>

nodeValue:Text节点或者Comment节点的文本内容，可读写可修改；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    xyz
    <!--  这是什么？  -->
    <strong>strong</strong>
    <span></span>
</div>
</body>
<script>
    /*
    节点的四个属性：
        nodeValue:Text节点或者Comment节点的文本内容，可读写可修改；
     */
    const div = document.getElementsByTagName('div')[0];
    console.log(div.childNodes);//NodeList(7) [text, comment, text, strong, text, span, text]

    console.log(div.childNodes[0].nodeValue);//xyz
    console.log(div.childNodes[0].nodeValue = 'lm');//lm

    console.log(div.childNodes[1].nodeValue);//这是什么？
    console.log(div.childNodes[1].nodeValue='这是comment');// 这是comment

    console.log(div.childNodes[3].nodeValue);//null
</script>
</html>

&XYZ&

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
nodeName：元素的标签名，以大写形式表示，只读；nodeValue:Text节点或者Comment节点的文本内容，可读写可修改；

nodeName：元素的标签名，以大写形式表示，只读；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div> ...
复制链接

扫一扫