把html转换成节点类型,JavaScript HTML DOM节点类型之Comment类型

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

1. Comment类型

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

// 使用Document对象创建

var comment1 = document.createComment('itbilu.com');

// 使用构造函数创建

var commnet2 = new Comment('itbilu.com');

一个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类型的节点：

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

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

var comment = div.firstChild;

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

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

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