首页  >  文章  >  web前端  >  JavaScript文档对象模型-Comment类型

JavaScript文档对象模型-Comment类型

黄舟
黄舟原创
2017-01-20 14:41:511868浏览

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

  • nodeType的值为8。

  • nodeName的值为“#comment”。

  • nodeValue的值为注释的内容。

  • parentNode可能是一个Document或Element。

它的没有子节点。

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

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

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

上面的代码中,注释节点是dc6dce4a544fdca2df29d5ac0ea9906bl元素的一个子节点。可以通过下面的代码来访问它:

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

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

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

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

另外,浏览器不会识别位于73a6ac4ed44ffec12cee46588e518a5e之后的注释内容。如果要访问注释节点,一定要保证它们是100db36a723c770d327fc0aef2ce13b1元素的后代元素。

以上就是JavaScript文档对象模型-Comment类型的内容,更多相关内容请关注PHP中文网(www.php.cn)!


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn