JavaScript文档对象模型-Comment类型 - Web前端

作者：98wpeu发布时间：2026-08-30分类：网页前端技术浏览：5

导读：注释内容在DOM文档中是通过Comment类型来表示的，Comment节点具有以下特征：nodeType的值为8。nodeName的值为“#comment”。nodeValue的值...

注释内容在DOM文档中是通过Comment类型来表示的，Comment节点具有以下特征：

Comment类型与text类型继承自相同的基类，因此，它拥有除了splitText()之外的所有字符串操作方法。与Text类型相似，也可以通过nodevalue或data属性来取得注释的内容。

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

<div id="myDiv"><!-- 一个注释内容 --></div>

上面的代码中，注释节点是<div&gtl元素的一个子节点。可以通过下面的代码来访问它：

var div = document.getElementById("myDiv");
var comment = div.firstChild;
console.info(comment.data);       // "一个注释内容"

要创建一个注释可以使用document.createComment()方法，并将注释内容作为参数传入其中。例如：

var comment = document.createComment("注释内容");

实际操作中我们通常不会去创建和访问注释节点，因为注释节点对于整个dom的算法基本没有影响。

另外，浏览器不会识别位于</html>之后的注释内容。如果要访问注释节点，一定要保证它们是<HTML>元素的后代元素。

相关推荐