注释内容在DOM文档中是通过Comment类型来表示的,Comment节点具有以下特征:
- nodeType的值为8。
- nodeName的值为“#comment”。
- nodeValue的值为注释的内容。
- parentNode可能是一个Document或Element。
- 它的没有子节点。
Comment类型与Text类型继承自相同的基类,因此,它拥有除了splitText()
之外的所有字符串操作方法。与Text类型相似,也可以通过nodeValue或data属性来取得注释的内容。
注释节点可以通过其父节点来访问,以下面的代码为例:
<div id="myDiv"><!-- 一个注释内容 --></div>
上面的代码中,注释节点是<div>l
元素的一个子节点。可以通过下面的代码来访问它:
var div = document.getElementById("myDiv"); var comment = div.firstChild; console.info(comment.data); // "一个注释内容"
要创建一个注释可以使用document.createComment()
方法,并将注释内容作为参数传入其中。例如:
var comment = document.createComment("注释内容");
实际操作中我们通常不会去创建和访问注释节点,因为注释节点对于整个DOM的算法基本没有影响。
另外,浏览器不会识别位于</html>
之后的注释内容。如果要访问注释节点,一定要保证它们是<html>
元素的后代元素。