获取Comment类型的节点

最新推荐文章于 2021-06-01 02:27:58 发布

转载最新推荐文章于 2021-06-01 02:27:58 发布 · 1.9k 阅读

asp.net编程专栏收录该内容

71 篇文章

订阅专栏

本文深入解析了DOM中Comment类型的特点及用途，包括如何通过其父节点访问注释节点，并展示了创建注释节点的方法。同时强调了注释节点在实际开发中的应用与限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注释在DOM中通过Comment类型来表示的。Comment节点具有下列特征：

nodeType的值为8;
nodeName的值为“#comment”;
nodeValue的值是注释的内容；
parentNode可能是Document或Element；
不支持（没有）子节点。

Comment类型与Text类型继承自相同的基类，一次它拥有除splitText()之外的所有字符串操作方法。与Text类型相似，也可以通过nodeValue或date属性取得注释的内容。
注释节点可以通过其父节点来访问。以下面的代码为例：

<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>元素的后代。

在除IE之外的所有浏览器中，都可以访问Comment类型的构造函数和原型。在IE中，注释节点被视作标签名为”!“的元素。也就是说，使用getElementsByTagName()可以取得注释节点。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

linybo2008

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

深入理解 XPath 节点类型：元素节点、属性节点、文本节点等

小蓝枣的博客

07-12

957

XPath 是一种功能强大的查询语言，用于在 XML 和 HTML 文档中定位和提取元素。在 XPath 中，我们处理的不仅仅是元素，还涉及到不同类型的节点，如元素节点、属性节点、文本节点等。本篇博客将深入探讨 XPath 中的节点类型，并通过详细的解释和实例演示来展示它们的特点和应用场景。

如何操作网页的注释节点

一知

04-12

635

判断页面是否有注释节点 function hasComment (ele) { var result = false; var nodes = ele.childNodes; var length = nodes.length; for (var i = 0; i < length; i++) { if (nodes[i].nodeNam...

参与评论您还未登录，请先登录后发表或查看评论

DOM节点类型-Comment类型

cake_eat的博客

09-23

617

Comment类型 Comment 节点具有下列特征： nodeType的值是8； nodeName的值为“#comment”； nodeValue的值是注释内容； parentNode可能是Document或者Element；不支持子节点。 Comment 类型与 Text 类型继承自相同的基类，因此它拥有除 splitText()之外的所有字符串操作方法。与 Text 类型相似，也可以通过 nodeValue 或 data 属性来取得注释的内容。注释节点可以通过其父节点来访问，以下面的代码为例。

全栈JavaScript之路（七）学习 Comment 类型节点.

王亮的专栏

07-01

2420

我们来说一说，HTML 中的注释。

新闻发布项目——实体类（comment）

穆雄雄的博客

11-17

410

package bdqn.newsMange.entity; import java.util.Date; /** * 新闻评论表 */ public class comment { private int commentID;//编号 private String cmmUser;//用户名 private String ip;//ip private String cmmCo...

Comment类型(注释)

weixin_30585437的博客

11-08

1686

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Comment类型</title> </head> <body> <div id="myDiv"><!--A comment -...

【JavaScript学习】DOM：Comment类型

Wonder233的学习博客

11-21

653

注释在DOM中是通过Comment类型来表示。 Comment节点特征 nodeType的值是8； nodeName的值为“#comment”； nodeValue的值是注释的内容； parentNode可能是一个Document或Element；不支持（没有）子节点。 Comment类型与Text类型继承自相同的基类，因此它拥有除splitText()之外的所有字符串操作方法。也

js代码-获取当前页面出现最多的节点类型

07-14

在JavaScript编程中，获取当前页面出现最多的节点类型是一项常见的任务，尤其在数据分析、网页解析或者优化性能时非常有用。这个任务通常涉及到DOM操作和数据统计。让我们深入探讨一下如何使用JavaScript来实现这一...

nodeType属性返回被选节点的节点类型介绍

12-09

10. **Document Type**（节点编号：10）：文档类型节点（DTD）包含了关于XML文档结构的元信息，如元素、属性的定义。例如，`<!DOCTYPE html>`声明了一个HTML5文档。 11. **Document Fragment**（节点编号：11）：...

获取页面中出现次数最多的节点类型JavaScript代码解析

2. DOM节点类型：DOM节点有多种类型，包括元素节点(element)、属性节点(attribute)、文本节点(text)、注释节点(comment)等。在JavaScript中，可以通过typeof操作符或者Node类型的constructor属性来判断一个节点的...

第一批字段：id bigint NOT NULL COMMENT '自增唯一 ID' PRIMARY KEY, node_id varchar(128) NOT NULL COMMENT '节点 ID - EL 流程编排使用', node_name varchar(128) NOT NULL COMMENT '节点名称', node_desc varchar(500) NULL COMMENT '节点描述', node_type varchar(32) NOT NULL COMMENT '节点类型', config text NULL COMMENT '特殊节点自定义扩展配置', param_script text NULL COMMENT '入参脚本处理', result_script text NULL COMMENT '出参脚本处理', send_time_script varchar(1500) NULL COMMENT '发送次数脚本', split_send tinyint(1) DEFAULT 0 NULL COMMENT '是否拆分发送', rec_all tinyint(1) DEFAULT 0 NULL COMMENT '是否拉取所有节点参数', retry varchar(1500)

最新发布

05-01

添加disabled属性和默认值，比如动态获取当前时间。最后，需要将这些字段合并到column数组中，并确保符合Avue的结构。同时，考虑后续如何扩展，比如关联字段或复杂类型，可能需要concat方法整合，但当前只需处理...

取数据数表及字段的[备注COMMENT]说明及字段类型

tanni的专栏

07-22

726

ORACLE数据库的方法取表名。[登陆的用户需有访问的权限] SELECT * FROM User_tables where tablespace_name='FPHC' 取字段COMMENT SELECT TABLE_NAME, COLUMN_NAME, COMMENTS FROM USER_COL_COMMENTS WHE

把html转换成节点类型,JavaScript HTML DOM节点类型之Comment类型

weixin_42486083的博客

06-01

248

在HTML中可以添加注释，注释在DOM中通过Comment类型表示。1. Comment类型创建一个Comment类型的节点可以使用以下两种方法：// 使用Document对象创建var comment1 = document.createComment('itbilu.com');// 使用构造函数创建var commnet2 = new Comment('itbilu.com');一个Comm...

Javascript高级编程学习笔记（39）—— DOM（5）Comment

dazhongshuo1167的博客

01-11

239

Comment类型顾名思义，comment类型指的就是注释节点在HTML文档中的类型也就是说平时我们在代码中的注释，在HTML解析的时候也会被解析为一类节点让我们可以根据这些节点进行一系列的操作 Comment类型的属性及方法 nodeType：8 nodeName：“#comment” nodeValue：“注释内容” parentNode：Docume...

位置路径之节点测试——XPath语法详解系列（十一）

junJZ_2008的专栏

10-08

614

节点测试节点测试是 XPath 定位步骤唯一必选的部分。因此，了解节点测试对于成功使用 XPath 表达式至关重要。有三种常见的节点测试类型：名称测试，使用扩展名称以及该名称与指定轴的关系来标识要选择的节点。节点类型测试，严格根据节点类型选择节点。确定目标的处理指令测试，仅选择与指定类型匹配的处理指令节点。 ...

javascript学习笔记——DOM、Node类型、Document类型、Element类型、Text类型、Comment类型（注释）

ass_ace

08-04

2776

DOM（文档对象类型）是针对HTML和XML文档的一个API。 DOM可以将任何HTML和XML文档秒回成一个由多层次节点构成的结构；节点分为12种类型，每种类型表示文档中不同的信息及标记；每个节点都拥有各自的特点、数据和方法文档节点是每个文档的根节点；文档节点只有一个子节点叫文档元素，即，<html>元素。文档元素是文档最外层的元素，文档中的其他所有元素都包含在文档元...

mysql 添加注释默认值_mysql—添加注释(comment)的用法

weixin_39759890的博客

01-27

827

在MySQL数据库中，字段或列的注释是用属性comment来添加。创建新表的脚本中，可在字段定义脚本中添加comment属性来添加注释。示例代码如下：createtabletest(idintnotnulldefault0comment'用户id')如果是已经建好的表，也可以用修改字段的命令，然后加上comment属性定义，就可以添加上注释了。示例代码如下：altertable...

节点操作|正则表达式

qq_44862403的博客

07-17

871

节点操作 1.节点操作之获取节点对象 1-1,获取当前标签中所有的子级节点执行结果,是一个伪数组,可以forEach() 形式是与 querySelectorAll() 获取的伪数组是一样的标签对象.childNodes <div name="div" index="1" href="aaa" checked>我是标签div  <span>我是标签span</span> </div> &l

Is 如何通过document获取子节点

02-28

<think>好的，我需要帮助用户了解如何通过document对象获取子节点。首先，我要确定用户对JavaScript和DOM的理解程度，但假设他们有一定的前端基础。首先，我应该从document对象本身说起。用户可能知道document是DOM的入口点，但可能不清楚如何获取其子节点。需要解释document.documentElement，它代表<html>元素，而document.body则是<body>元素。接下来，用户可能需要获取<html>的直接子节点，比如<head>和<body>。这时候可以使用childNodes属性，但要注意它返回的是NodeList，包含所有类型的节点，包括文本和注释。如果只需要元素节点，应该用children属性，或者直接通过document.head和document.body访问。然后，可能需要具体例子来说明。比如用document.documentElement.childNodes获取所有子节点，然后用循环和nodeType过滤出元素节点。同时，对比children属性的使用，这样用户能清楚两者区别。另外，用户可能会混淆节点和元素，需要明确区分Node和Element的区别。比如，childNodes包含所有节点类型，而children只包含元素节点。还要提醒常见的注意事项，比如确保DOM加载完成后再操作，否则可能获取不到子节点。建议将代码放在DOMContentLoaded事件或页面底部。最后，总结常用的方法，让用户有清晰的步骤可以参考。可能需要提到querySelector和getElementById等其他方法，但重点放在直接获取子节点的方式上。检查是否有遗漏的点，比如文本节点和注释节点的处理，或者如何处理动态添加的子节点。不过用户的问题可能更基础，所以先覆盖基本方法，确保步骤清晰，代码示例正确。</think>在JavaScript中，通过`document`对象获取子节点时，需要注意以下关键知识点和操作步骤： $$ \text{HTML文档结构} \quad \text{起始于} \quad \langle html \rangle \quad \text{根节点} $$ ### 一、核心方法 1. **获取根节点** ```javascript const root = document.documentElement; // 获取<html>元素 ``` 2. **直接访问常用节点** ```javascript const head = document.head; // 获取<head> const body = document.body; // 获取<body> ``` ### 二、子节点遍历 1. **childNodes属性** ```javascript const allChildNodes = document.documentElement.childNodes; // 返回包含文本节点、注释节点的NodeList ``` 2. **children属性（推荐）** ```javascript const elementChildren = document.documentElement.children; // 只返回HTML元素节点的HTMLCollection ``` ### 三、节点过滤公式 $$ \text{元素节点判断条件} \quad \text{node.nodeType} = 1 $$ **示例代码：** ```javascript document.documentElement.childNodes.forEach(node => { if (node.nodeType === Node.ELEMENT_NODE) { console.log('元素节点:', node.tagName); } }); ``` ### 四、注意事项 1. **DOM加载时序**：确保在`DOMContentLoaded`事件触发后操作 2. **节点类型区别**： - `childNodes`：包含所有节点类型（文本/元素/注释） - `children`：仅包含元素节点 ### 五、典型输出结构假设标准HTML文档： ```html <!DOCTYPE html> <html> <head></head> <body></body> </html> ``` $$ \text{children输出结果} \quad [\langle head \rangle, \langle body \rangle] $$ $$ \text{childNodes输出结果} \quad [\text{#comment}, \langle head \rangle, \text{#text}, \langle body \rangle] $$ 建议优先使用`children`属性获取元素节点，若需要精确控制节点类型，可结合`nodeType`进行过滤。