Javascript高级编程学习笔记(39)—— DOM(5)Comment

时间:2023-03-08 18:22:10
Javascript高级编程学习笔记(39)—— DOM(5)Comment

Comment类型

顾名思义,comment类型指的就是注释节点在HTML文档中的类型

也就是说平时我们在代码中的注释,在HTML解析的时候也会被解析为一类节点

让我们可以根据这些节点进行一系列的操作

Comment类型的属性及方法

  • nodeType:8
  • nodeName:“#comment”
  • nodeValue:“注释内容”
  • parentNode:Document或Element
  • 没有子节点

从结构上来看,Comment类型和Text类型都继承自同一基类

Comment拥有Text类型除了splitText方法之外的所有方法

除此而外Comment类型和Text一样都可以通过data属性来取得其注释的内容

浏览器为Comment提供的创建方法为 document.createComment();

需要注意的是由于注释节点对浏览器的解析算法基本没有影响

所以当我们要访问一个注释节点时,最好保证这个注释节点是存在于html标签之内的

因为为了性能或者浏览器厂商实现等因素的影响,浏览器极有可能忽略html标签之外的注释节点

Javascript高级编程学习笔记(39)—— DOM(5)Comment

和其他的DOM类型一样,作为浏览器的内部实现,我们同样无法遍历出该类型所拥有的方法

PS.在IE8中注释节点被看作标签名为 !的元素

所以我们可以使用,下方代码来获取注释节点

document.getElementsByTagName('!');

只在IE8中有效