DOM中的节点分为哪几种几类型

已于 2023-10-29 10:14:43 修改
阅读量304 收藏
点赞数 1
文章标签： 前端 javascript 开发语言
于 2023-10-29 10:05:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79420857/article/details/134099805
版权
DOM是什么？它是用来干嘛的？

首先我们要先了解DOM究竟是什么，它有什么用处？

DOM是文档对象模型（Document Object Mdel），是W3C制定的标准接口规范，它定义了HTML和XML的文档类型，将整个页面规划由节点层级构成的文档。DOM树结构可以准确的描述HTML文档标签之间的关联性，它不仅描述了文档的结构，还定义了节点对象的行为，利用对象和属性，可以更方便的访问，修改，添加和删除DOM树的节点和内容。

DOM的节点分为12种类型
  1. Element（元素节点）：代表html中的标签
  2. Attr（属性节点）：代表html标签的属性
  3. Text（文本节点）：代表teml标签中的文本内容
  4. Comment（注释节点）：代表html文档中的注释内容
  5. Document（文档节点）：代表整个文档，也是DOM文档树中的根节点
  6. DocumentType（文档类型节点）：代表文档类型，一般是指html第一行的根元素
  7. DocumentFragment（文档片段节点）：是在HTML文档中唯一没有对应标记的节点，当需要大量dom操作时，可以把dom节点加入到文档片段节点中操作，最后一次性渲染提高效率

以上就是DOM节点的类型

聂聂脸
关注
jquery 添加节点的几种方法介绍
10-26
本文将详细探讨jQuery中添加节点的几种常见方法。 ### 1. append() 方法 `append()` 方法是在jQuery中非常基础且常用的添加节点方法。它将指定的内容添加到选定元素的末尾。所谓“末尾”，是指被选元素内部的最后...
还算完整的React+TS类型
imber___zsk的博客
11-27 6593
目的，更多React类型，在项目中使用有更强的约束性，利于后期维护。 引用React React17之后不用引入React✅ import * as React from 'react' import * as ReactDOM from 'react-dom' React.FC React.FunctionComponent=React.FC，显式地定义了返回类型，其他方式是隐式推导的 displayName、propTypes、defaultProps提供了类型检查和自动补全 为childre
DOM之12种节点
weixin_47075145的博客
07-21 3376
DOM是javascript操作网页的接口，全称为文档对象模型(DocumentObjectModel)。，从而可以使用javascript对网页进行各种操作(比如增删内容)。。DOM的最小组成单位叫做节点(node)，文档的树形结构(DOM树)由12种类型的节点组成。本文将主要说明DOM节点类型。...
初学JavaScript：HTML DOM
lalala_dxf的博客
04-16 1382
DOM 简介 DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）（可以理解为对一个网页节点进行增删操作，一个节点可以是一对html标签，也可以是一对span标签）。 拆分理解下： • 文档 – 文档表示的就是整个的HTML网页文档，也就做结构树 • 对象 – 对象表示将网页中的每一个部分都转换为了一个对象。 • 模型 – 使用模型来表示对象之间的关系，这样方便我们获取对象 文档对象
DOM节点类型及属性
BReezeFK的博客
08-04 1675
DOM操作之——DOM节点类型及属性 虽然现在我们在开发中已经用不到自己操作DOM了，之前有JQ，现在更是有VUE、REACT两大框架供我们使用，但是我们也有必要了解下，关于原生JS中的DOM操作问题。 这次我们介绍一下DOM节点类型及获取节点的方法 我们认为在页面中所有呈现的内容，都是DOM文档中的一个节点（node），例如：元素标签是元素节点、注释的内容是注释节点、文本内容是文本节点、document是文档节点… 一、节点类型 1、文档节点 document 重点记忆属性： nodeType
DOM 节点类型概述
BePowerful的博客
04-15 245
转载自：http://www.cnblogs.com/zhaowy/ 一般节点至少拥有nodeType、nodeName和nodeValue这三个基本属性。节点类型不同，这三个属性的值也不相同。 NodeType nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值，12种类型分别对应1到12的常数值。 元素节点 　　Node.ELEMENT_NODE(1) 属性节点 　　Node.ATTRIBUTE_NODE(2) 文本节点 ...
学习JS中的DOM节点以及操作
10-18
下面，我们就详细介绍DOM节点的分类、操作方法以及相关的代码实例。 ### DOM节点的分类 在DOM中，所有的网页元素都被视为节点（Node），而节点又可以细分为不同的类型。常见的节点类型主要有三种： 1. **元素节点...
详谈DOM简介及节点、属性、查找节点的方法
08-28
主要有以下几种类型： 1. 元素节点（element）：代表了文档中的所有元素。 2. 属性节点（attribute）：代表了元素节点的属性。 3. 文本节点（text）：代表了元素或属性中的文本。 4. 注释节点（comment）：代表了...
jQuery 中的 DOM 操作
10-22
jQuery提供了多种工具和函数来处理DOM节点，如通过选择器查找元素节点。例如，可以使用类选择器、ID选择器或者属性选择器等，快速定位页面中的特定元素。获取属性节点时，可以在找到元素后调用attr()方法来获取其...
DOM 节点操作 【微重点】【案例】.pdf
12-16
节点按照其类型可以分为以下几类： - 元素节点（Element node）：指的是HTML文档中的元素，比如HTML标签。 - 属性节点（Attribute node）：指的是HTML元素的属性，例如class、id等。 - 文本节点（Text node）：指的...
更快的ts节点，无需类型检查-JavaScript开发
05-26
快速的TypeScript / JavaScript转换器，无需node-gyp和安装后脚本。 swc-node快速TypeScript / JavaScript转换器，无node-gyp和安装后脚本。 支持矩阵节点10 node12 node14 Windows x64和macOS Linux x64和@ swc-node / core最快的TypeScript转换器。 详细信息：@ swc-node / core Benchmark:warning:注意：esbuild中的transformSync API具有巨大的开销。 因此，swc仅比transformSync API中的esbuild快。 在转换API中，esbuild比swc快约1〜1.6倍。 转换
JavaScript中DOM对象的思维导图
11-05
DOM树中的节点分为几种类型：标签节点（如`<div>`）、属性节点（如`class`或`id`）、文本节点（包括文字、换行和空格）以及注释节点。每个节点都有特定的关系，如根节点（通常是`<html>`）、子节点、父节点和兄弟...
DOM.zip_JavaScript dom_it
09-24
JavaScript DOM（Document Object Model）是Web开发中的一个关键概念，它是一种标准，允许程序员通过JavaScript或其他脚本语言来访问和操作HTML或XML文档的结构、内容以及样式。DOM将网页内容表示为一棵由节点组成的...
html dom中文手册，查阅方便，使用
01-13
DOM将文档分为几种不同的节点类型： ##### 2.1 元素节点 - **定义**：文档中的每一个HTML元素都是一个元素节点。 - **示例**：`<p>`、`<div>`等。 ##### 2.2 文本节点 - **定义**：元素节点中的文本内容是一个文本...
Dom解析20M以上的xml文件各节点一树状菜单显示
05-28
然而，这两种方法不便于构建复杂的DOM树结构，对于需要遍历节点关系的场景可能不太适用。 2. **增量或部分DOM解析**：不是一次性加载整个XML，而是只加载当前需要的部分。例如，通过定位到特定节点，然后仅解析与之...
DOM节点类型
最新发布
dxn16638400024的博客
09-20 517
通过这些节点和相应的方法，可以创建、修改和删除DOM树中的各种元素、属性、文本和注释，从而实现对页面结构和内容的控制。要使用这些节点，可以通过JavaScript操作DOM来添加、删除或修改节点。属性节点（Attribute Nodes）：用于表示HTML元素的属性，如。文本节点（Text Nodes）：用于表示元素节点中的文本内容。元素节点（Element Nodes）：用于表示HTML元素，如。或其他方法将其添加到元素节点中。方法创建元素节点，然后使用。方法创建注释节点，然后使用。
HTML元素（标签）在TS中的类型表示
Ama_Lee的博客
04-02 7794
HTML元素（标签）在TS中的类型表示 在node_modules/typescript/lib/lib.dom.d.ts 中定义了有关DOM元素的接口，是可以直接使用的 在我们定义类型时输入HTML也会有相关的提示： 具体类型如下： 一般均为HTMLElement，特殊的为HTML+标签名+Element ，当然也有些标签名为单字母的例如h1-h6，他们的类型为HTMLHeadingElement。 "a": HTMLAnchorElement; "abbr": HTMLElement;
ts类型总结
UMR_umr的博客
02-04 4903
ts各种类型学习总结 1. ts保留了js语法的全部类型 （8种） number string boolean null undefind symbol array object 例： let str :string=‘zhangsan’ let nul:null=null let num Number =123 注：数组的书写方式有所改变 语法一： let 数组名：类型[ ] =['值一'，'值二'] let arr_name :string[]=['ff','gf','jj']
DOM里常见的三种节点类型
热门推荐
webZRH的博客
04-20 1万+
1.nodeName比tagName 从DOM层次来看，nodeName是node 接口上的property，而tagName是element 接口上的property，所有的节点（元素节点，属性节点，文本节点等12种）都继承了node接口，而只有元素节点才继承了element节点，因此nodeName比tagName具有更大的使用范围。 一般地，节点至少拥有nodeType、nodeNa
在DOM中所有节点都是元素
06-12
在DOM中，节点被分为几种类型，其中最常见的是元素节点（Element Node）、文本节点（Text Node）和属性节点（Attribute Node）。 元素节点是指HTML中的标签，例如`<div>`、`<p>`等。它们是DOM树的主要分支，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值