DOM节点类型-Comment类型

最新推荐文章于 2022-07-21 20:45:36 发布

cake_eat

最新推荐文章于 2022-07-21 20:45:36 发布

阅读量488

点赞数

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

本文链接：https://blog.csdn.net/cake_eat/article/details/108747317

版权

JavaScript 专栏收录该内容

94 篇文章 1 订阅

订阅专栏

Comment类型

Comment 节点具有下列特征：

nodeType的值是8；
nodeName的值为“#comment”；
nodeValue的值是注释内容；
parentNode可能是Document或者Element；
不支持子节点。
Comment 类型与 Text 类型继承自相同的基类，因此它拥有除 splitText()之外的所有字符串操作方法。与 Text 类型相似，也可以通过 nodeValue 或 data 属性来取得注释的内容。

注释节点可以通过其父节点来访问，以下面的代码为例。

<div id="myDiv"><!--A comment --></div>

在此，注释节点是

元素的一个子节点，因此可以通过下面的代码来访问它。

var div = document.getElementById("myDiv"); 
var comment = div.firstChild; 
alert(comment.data);    //"A comment"

创建注释节点

使用 document.createComment()并为其传递注释文本也可以创建注释节点。
例如：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div><!--    hello world--></div>
<script>
    var div=document.getElementsByTagName("div")[0];
    console.log(div.firstChild)
   var comment = document.createComment("a commend");
    div.appendChild(comment);
</script>
</body>
</html>

cake_eat

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM节点类型-Comment类型

Comment类型Comment 节点具有下列特征：nodeType的值是8；nodeName的值为“#comment”；nodeValue的值是注释内容；parentNode可能是Document或者Element；不支持子节点。Comment 类型与 Text 类型继承自相同的基类，因此它拥有除 splitText()之外的所有字符串操作方法。与 Text 类型相似，也可以通过 nodeValue 或 data 属性来取得注释的内容。注释节点可以通过其父节点来访问，以下面的代码为例。
复制链接

扫一扫