JavaScript高级程序设计之DOM之节点层次之Comment类型第10.1.5讲

最新推荐文章于 2020-08-12 18:31:12 发布
最新推荐文章于 2020-08-12 18:31:12 发布
阅读量374 收藏
点赞数
分类专栏： JavaScript高级程序设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jane617_min/article/details/49563395
版权
注释在DOM 中是通过Comment 类型来表示的。Comment 节点具有下列特征：
nodeType 的值为8；
nodeName 的值为"#comment"；
nodeValue 的值是注释的内容；
parentNode 可能是Document 或Element；
不支持（没有）子节点。
Comment 类型与Text 类型继承自相同的基类，因此它拥有除splitText()之外的所有字符串操
作方法。与Text 类型相似，也可以通过nodeValue 或data 属性来取得注释的内容。

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

<div id="myDiv"><!--A comment --></div>
在此，注释节点是<div>元素的一个子节点，因此可以通过下面的代码来访问它。
var div = document.getElementById("myDiv");
var comment = div.firstChild;
alert(comment.data); //"A comment"
另外，使用document.createComment()并为其传递注释文本也可以创建注释节点，如下面的例
子所示。
var comment = document.createComment("A comment ");
显然，开发人员很少会创建和访问注释节点，因为注释节点对算法鲜有影响。此外，浏览器也不会
识别位于</html>标签后面的注释。如果要访问注释节点，一定要保证它们是<html>元素的后代（即
位于<html>和</html>之间）。
在Firefox、Safari、Chrome 和Opera 中，可以访问Comment 类型的构造函数和
原型。在IE8 中，注释节点被视作标签名为"!"的元素。也就是说，使用
getElementsByTagName()可以取得注释节点。尽管IE9 没有把注释当成元素，但
它仍然通过一个名为HTMLCommentElement 的构造函数来表示注释。

Minn0916
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS高级程序设计——第十章 DOM 10.1节点层次
YuTong_的博客
03-17 564
第十章 DOM 一、什么是DOM？二、节点层次1、Node类型 一、什么是DOM？ 1、DOM（Document Object Model）：文档对象模型。是宿主对象（JS运行环境提供的对象），跨平台，是中立于平台和语言的接口。 2、DOM 定义了访问和操作HTML文档（网页）的标准方法。简单说DOM就是document对象，学习DOM就是学习如何通过document对象操作网页上的内容。 二...
《JavaScript高级程序设计》- 第十四章：DOM
qq_55978913的博客
02-27 777
第十四章：DOM 文档对象模型（Document Object Model）是HTML 和 XML文档的编程接口；就是开发者可以通过JavaScript编程，添加、删除、修改页面的各个部分； 14.1 节点层级 任何HTML\XML文档都可以表示为由节点构成的层级结构。 <html> <head> <title>Sample Page</title> </head> <body>
深入理解DOM节点类型第三篇——注释节点和文档类型节点
weixin_33949359的博客
08-28 258
前面的话 　　把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug。IE8-浏览器将标签名为"!"的元素视作注释节点，所以文档声明也被视作注释节点。本文将详细介绍这两部分的内容   注释节点 【特征】 　　注释在DOM中是通过Comment类型来表示，注释节点的三个node属性——nodeType、nodeName、nodeValue分别是8、'#comment'和注释的内容...
JavaScript高级程序设计之DOM之节点层次之Node类型第10.1.1讲
Jane617_min的专栏
10-20 1311
DOM（文档对象模型）是针对HTML 和XML 文档的一个API（应用程序编程接口）。DOM 描 绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的DHTML（动态HTML），但现在它已经成为表现和操作页面标记的真正的跨 平台、语言中立的方式。 1998 年10 月DOM１级规范成为W3C 的推荐标准，为基本的文档结构及查
JavaScript程序设计-操作DOM元素的节点及关系.pdf
最新发布
11-02
JavaScript程序设计中，DOM（Document Object Model）是网页内容的结构化表示，它允许通过JavaScript对HTML或XML文档进行动态操作。DOM元素的节点及关系是JavaScript编程中至关重要的概念，因为它们提供了对页面内容...
JavaScript之DOM_动力节点Java学院整理
10-19
为了操作DOM节点，我们有多种方法可以获取它们： - document.getElementById()：根据元素的ID来获取单个元素节点。 - document.getElementsByTagName()：根据元素的标签名获取一组元素节点。返回的是HTMLCollection...
浅谈Javascript中的12种DOM节点类型
11-29
【JavaScript中的DOM节点类型详解】 DOM（Document Object Model）是一种标准，它允许程序和脚本动态更新、添加、删除和改变HTML和XML文档的内容和结构。JavaScript与DOM结合，为Web开发提供了强大的能力，使开发者...
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
10-28
DOM将文档描绘为一个多层节点结构，由不同的对象组成，包括但不限于Document、Element、Text、Comment、CDATASection、DocumentType、DocumentFragment和Attr等类型。这些类型使***ript能够以编程的方式访问和修改...
Javascript核心之DOM及其节点类型概述
Cheirre的博客
08-12 667
本文主要讲述的是DOM的定义及其节点的基本内容概述，后续关于重要节点的讲解会令开篇叙述详情，敬请关注~~~
JavaScript高级程序设计之DOM 扩展之HTML5之scrollIntoView()方法第11.3.7讲
Jane617_min的专栏
11-05 3415
如何滚动页面也是DOM 规范没有解决的一个问题。为了解决这个问题，浏览器实现了一些方法， 以方便开发人员更好地控制页面滚动。在各种专有方法中，HTML5 最终选择了scrollIntoView()作 为标准方法。 scrollIntoView()可以在所有HTML 元素上调用，通过滚动浏览器窗口或某个容器元素，调用 元素就可以出现在视口中。如果给这个方法传入true 作为参数，或者不传入任
JavaScript高级程序设计之DOM 扩展之专有扩展之contains()方法第11.4.3讲
Jane617_min的专栏
11-05 1782
在实际开发中，经常需要知道某个节点是不是另一个节点的后代。IE 为此率先引入了contains() 方法，以便不通过在DOM 文档树中查找即可获得这个信息。调用contains()方法的应该是祖先节点， 也就是搜索开始的节点，这个方法接收一个参数，即要检测的后代节点。如果被检测的节点是后代节点， 该方法返回true；否则，返回false。以下是一个例子： alert(document.do
JavaScript高级程序设计之BOM之navigator 对象 第8.3讲笔记
Jane617_min的专栏
10-13 1505
最早由Netscape Navigator 2.0 引入的navigator 对象，现在已经成为识别客户端浏览器的事实标 准。虽然其他浏览器也通过其他方式提供了相同或相似的信息（例如，IE 中的window.clientInfor- mation 和Opera 中的window.opera），但navigator 对象却是所有支持JavaScript 的浏览器所共有 的。与其他BOM 对象的
JavaScript高级程序设计之BOM之window 对象之窗口关系及框架 第8.1.2讲笔记
Jane617_min的专栏
10-13 1425
8.1.2 窗口关系及框架 如果页面中包含框架，则每个框架都拥有自己的window 对象，并且保存在frames 集合中。在frames 集合中，可以通过数值索引（从0 开始，从左至右，从上到下）或者框架名称来访问相应的window 对 象。每个window 对象都有一个name 属性，其中包含框架的名称。下面是一个包含框架的页面： Frameset Example
JavaScript高级程序设计之DOM之节点层次之Element类型第10.1.3讲
Jane617_min的专栏
11-01 1291
除了Document 类型之外，Element 类型就要算是Web 编程中最常用的类型了。Element 类型用 于表现XML 或HTML 元素，提供了对元素标签名、子节点及特性的访问。Element 节点具有以下特征： nodeType 的值为1； nodeName 的值为元素的标签名； nodeValue 的值为null； parentNode 可能是Document 或El
avaScript高级程序设计之在 HTML 中使用 JavaScript 第2.1讲笔记
Jane617_min的专栏
09-25 1237
只要一提到把 JavaScript 放到网页中，就不得不涉及 Web 的核心语言——HTML。在当初开发 JavaScript 的时候， Netscape 要解决的一个重要问题就是如何做到让 JavaScript 既能与 HTML 页面共存，又不影响那些页面在其他浏览器中的呈现效果。经过尝试、纠错和争论，最终的决定就是 为 Web 增加统一的脚本支持。而 Web 诞生早期的很多做法也都保留了
JavaScript高级程序设计之BOM之window 对象之全局作用域 第8.1.1讲笔记
Jane617_min的专栏
10-13 1154
ECMAScript 是JavaScript 的核心，但如果要在Web 中使用JavaScript，那么BOM（浏览器对象模 型）则无疑才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任 何网页内容无关。多年来，缺少事实上的规范导致BOM 既有意思又有问题，因为浏览器提供商会按照各 自的想法随意去扩展它。于是，浏览器之间共有的对象就成为了事实上的标准。这些对象在浏览器
JavaScript高级程序设计之函数表达式之私有变量之增强的模块模式第7.4.3讲笔记
Jane617_min的专栏
10-01 1132
有人进一步改进了模块模式，即在返回对象之前加入对其增强的代码。这种增强的模块模式适合那 些单例必须是某种类型的实例，同时还必须添加某些属性和（或）方法对其加以增强的情况。来看下面 的例子。 var singleton = function(){ //私有变量和私有函数 var privateVariable = 10; function privateFunction(){ return f
JavaScript高级程序设计之BOM之window 对象之导航和打开窗口 第8.1.5讲笔记
Jane617_min的专栏
10-13 1097
使用window.open()方法既可以导航到一个特定的URL，也可以打开一个新的浏览器窗口。这个 方法可以接收4 个参数：要加载的URL、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览 器历史记录中当前加载页面的布尔值。通常只须传递第一个参数，最后一个参数只在不打开新窗口的情 况下使用。 如果为window.open()传递了第二个参数，而且该参数是已有窗口或框架的名称，那么就会
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值