网站地图    收藏   

主页 > 专题教程 > javascript > js基础 >

JavaScript文档对象模型-Comment类型

来源:自学PHP网    时间:2018-02-08 10:24 作者: 阅读:

[导读] 注释内容在DOM文档中是通过Comment类型来表示的,Comment类型与Text类型继承自相同的基类,因此,它拥有除了splitText()之外的所有字符串操作方法。...

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

  • nodeType的值为8。
  • nodeName的值为“#comment”。
  • nodeValue的值为注释的内容。
  • parentNode可能是一个Document或Element。
  • 它的没有子节点。

Comment类型与继承自相同的基类,因此,它拥有除了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>元素的后代元素。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论