博客园  :: 首页  :: 管理

关于 DOM- Document Object Model - 最常见到的节点的类型 - 及说明

Posted on 2026-03-08 10:47  520_1351  阅读(1)  评论(0)    收藏  举报

关于 DOM- Document Object Model - 最常见到的节点的类型 有如下一些

================================================================================

Document                  |     数字9              |   入口点 (document)，整个文档树的厅顶层节点 

DocumentType          |     数字10             |   识别文档类型 (<!DOCTYPE>)， doctype 标签

Element                     |     数字1              |    构建页面结构 (div, p, img...)， 网页的各种 HTML  标签 

Attribute                      |     数字2              |    网页元素的属性（比如 class="right"）, 特殊，访问属性集合 (不在树中)

Text                             |     数字3              |    承载文字内容，标签之间或者标签包含的文本

Comment                    |     数字8              |    注释，调试、模板标记

DocumentFragment    |     数字11            |    文档的片段 ，性能优化 (批量插入)

其他 (XML 相关)          |   数字4,5,6,7,12 |    几乎仅在纯 XML 处理中出现  

 

其中数字 ，可以通过 <节点>.nodeType属性 看到 如  document.nodeType  （注意是严格区分大小写的）

================================================================================ 

浏览器原生提供 document 节点， 代表整个文档 ， console.log(document)， 注意document需要小写，

也可以在<body>内，添加 <script> console.log(document) </script> 然后到控制台看效果

document (小写 d)：是当前网页在内存中的具体代表。它是你操作 DOM 的入口。
Document (大写 D)：是定义所有文档行为的“蓝图”或“类”。它用来创建 document 这样的对象。

 

 

 

 

 

 

尊重别人的劳动成果 转载请务必注明出处：https://www.cnblogs.com/5201351/p/19685342