当前位置主页 > 资料库 > 前端教程 > JavaScript文档对象模型-Comment类型

JavaScript文档对象模型-Comment类型

2015-11-24

注释内容在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>元素的后代元素。

Previous:
上一篇:JavaScript文档对象模型-Text类型
Next:
下一篇:JavaScript文档对象模型-DocumentType类型
返回顶部