JavaScript HTML DOM节点类型之Comment类型

作者: admin 发布日期: 2026-05-19T02:44 阅读: 87


在HTML中可以添加注释，注释在DOM中通过Comment类型表示。


  1. Comment类型
  2. Comment类型介绍

1. Comment类型

创建一个Comment类型的节点可以使用以下两种方法：

// 使用Document对象创建
var comment1 = document.createComment('niefengjun.cn');

// 使用构造函数创建
var commnet2 = new Comment('niefengjun.cn');


一个Comment类型的节点具有以下特征：

  • nodeType值为8
  • nodeName值为"#comment"
  • nodeValue值是注释的内容
  • parentNode是一个Document或Element类型
  • 没有子节点

我们可以使用方法，向body元素中插入一个Comment节点：

var comment = document.createComment('这是一个Comment节点');

document.getElementsByTagName('body')[0].appendChild(comment);


2. Comment类型介绍

Comment类型与Text类型继承自相同的基类，Comment类型是Text类型的子类，Comment对象具有除splitText()方法外的所有字符串操作方法。与Text类型一样，我们可以使用nodeValue或data属性获取注释的内容。

对于如下一个Comment类型的节点：

<div id="myDiv"><!--一个Comment节点--></div>

我们可以使用以下方式来访问它：

var div = document.getElementById('myDiv');
var comment = div.firstChild;

console.log(comment.nodeValue);  //一个Comment节点
console.log(comment.data);  //一个Comment节点


在实际开发中，很少会创建和访问Comment类型类型的节点，因为Comment节点几乎不会对语法造成影响。如果使用到了Comment类型的节点应当注意，节点必须位于<html>和</html>标签之间，因为浏览器不会识别html标签之外的注释节点。