什么是 DOM

最新推荐文章于 2024-07-17 19:09:25 发布
最新推荐文章于 2024-07-17 19:09:25 发布
阅读量1.1k 收藏 3
点赞数
分类专栏： 笔记 文章标签： css3 css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50693593/article/details/121480562
版权
HTML DOM（文档对象模型）是W3C标准，提供了一种中立于平台和语言的方式来访问和操作HTML文档。它将HTML文档视为节点树，允许通过JavaScript动态访问和修改元素、内容和样式。DOM由核心DOM、XML DOM和HTML DOM组成，定义了元素、属性、方法和节点间的层级关系，如父、子和同胞节点。通过DOM，可以实现动态网页交互，例如添加、删除或修改HTML元素。
摘要由CSDN通过智能技术生成

文章目录

什么是 DOM

DOM 是 W3C（万维网联盟）的标准。

DOM 定义了访问 HTML 和 XML 文档的标准：

“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分：

  • 核心 DOM - 针对任何结构化文档的标准模型

  • XML DOM - 针对 XML 文档的标准模型

  • HTML DOM - 针对 HTML 文档的标准模型

在这里插入图片描述

什么是 HTML DOM？

HTML DOM 是：

  • HTML 的标准对象模型
  • HTML 的标准编程接口
  • W3C 标准

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

HTML——DOM节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

DOM 节点

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

  • 整个文档是一个文档节点

  • 每个 HTML 元素是元素节点

  • HTML 元素内的文本是文本节点

  • 每个 HTML 属性是属性节点

  • 注释是注释节点

HTML DOM 节点树

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：

最低0.47元/天 解锁文章
去远方啊
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
什么是DOM(Document Object Model)文档对象模型
09-05
DOM被设计为平台无关和语言无关的API，这意味着不同的编程语言都可以使用DOM，而不仅限于JavaScript。DOM通过标准化文档结构的访问和修改方法，使得脚本语言能够跨平台、跨浏览器地运行。 在DOM的树状结构中，每个...
♥️Javascript之DOM♥️
欢迎
09-10 2102
目录 节点 Node类型 属性 方法 Document类型 属性 DOM编程界面 查找元素 添加元素 Element类型 属性 Text类型 属性和方法 文档对象模型（DOM）是网页的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。 浏览器会根据DOM模型，将结构化文档（比如HTML和XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM T...
DOM详解
m0_48224507的博客
06-10 4977
文章目录一、什么是DOM1. 什么是DOM2. 为什么学习DOM3. 何时会用到DOM4. DOM标准5. DOM能做的5件事二、DOM树1. 什么是DOM树2. 何时会生成DOM树三、查找1. 不需要查找就可直接获得的4种节点对象:2. 按节点间关系查找3. 示例: 输出指定元素，并用节点间关系查找想要的元素4. 按HTML特征查找: 4个函数5.查找指定的元素，并修改元素的样式总结 一、什么是DOM 1. 什么是DOM 一套专门操作网页内容的对象和方法的集合。 2. 为什么学习DOM ECM
DOM概述
最新发布
ChangUng的博客
07-17 956
JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解：触发--- 响应机制。网页中的每个元素都可以产生某些可以触发 JavaScript 的事件。例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。简单举个例子：点击按钮的时候就会出现这个一个浏览器弹出框自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和。
什么是DOM和BOM？
热门推荐
似水流年QC的博客
06-01 1万+
DOM 全称是 Document Object Model，也就是文档对象模型。提供操作页面元素的方法和属性，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM 树DOM树是Web页面的模型，当浏览器加载一个Web页面时，它会创建这个页面的模型，称为DOM树。DOM树主要由4类主要节点组成：文档节点，元素节点，属性节点，文本节点。①.文档节点：在树的顶端是文档节点，它呈现整个页面。②.元素节点：需要访问DOM树时，需要从查找元素开始。
什么是DOM（超详细解释，建议收藏！！！）
weixin_58091723的博客
08-25 6088
元素节点表示 HTML 元素，属性节点表示属性，文档类型节点表示文档类型，注释节点表示注释。所有的节点和最终的树状结构，都有规范的对外接口。其中，子节点接口包括firstChild（第一个子节点）和lastChild（最后一个子节点）等属性，同级节点接口包括nextSibling（紧邻在后的那个同级节点）和previousSibling（紧邻在前的那个同级节点）属性。文档里面最高的HTML标签，一般是，它构成树结构的根节点（root node），其他HTML标签节点都是它的下级。
DOM 简介 | 深入了解DOM
青春木鱼的博客
09-05 4595
W3C DOM由以下三部分组成：核心DOM - 针对任何结构化文档的标准模型。XML DOM - 针对XML文档的标准模型。HTML DOM - 针对HTML文档的标准模型。DOM是一种提供对文档访问或修改方法的模型，它的范围很广，但对于 web 开发者来说，往往都认为它是指JavaScript在浏览器访问和修改html 文档的一种技术，但实际上范围远不局限在这里。
什么是DOM对象？.docx
11-23
DOM 对象的概念和结构 DOM 对象的定义和概念 DOM 全称 Document Object Model（文档对象模型），是由 W3C 组织定义的一个标准。在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素...
Dom 是什么的详细说明
09-05
DOM将文档视为一棵由节点组成的树，其中每个节点代表文档的一个部分，如元素、属性、文本等。 DOM的核心在于它提供了统一的接口，使得开发者可以通过编程方式来操纵文档的各种元素。无论文档是HTML还是XML，DOM都...
什么是DOM,JSON,AJAX?【JavaScript全栈入门教程6】
08-30
什么是DOM,JSON,AJAX_【JavaScript全栈入门教程6】
Dom详细讲解
qq_51986661的博客
11-25 6837
文档对象模型，英文全称为Document Object Model，它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。D：Document，文档，表示的整个Html的网页文档O：Object, 对象，将网页的每一部分（标签）转换为每一个对象M：Model，模型，使用模型来表示对象之间的关系，方便我们获取。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来，让脚本来操作页面，使
DOM是什么（DOM的节点类型）
hulin的博客
05-10 2761
DOM是什么
Element属性与方法整理
林中路
07-14 4809
属性/方法名 描述 accessKey 为元素指定获取焦点的快捷键 align ？ ariaAtomic 指示辅助技术是否根据aria-relevant定义的通知显示全部或部分更改区域 ariaAutoComplete 反映了 aria-autocomplete属性的值，指示输入文本是否可触发自动完成功能 ariaBusy 反映了 aria-busy属性的值，指示元素是否正在被修改，因为辅助技术可能希望等到修改完成后再将它们暴露给用户 ariaChecked 反映了 ar...
DOM 初学者指南
2201_75715995的博客
12-28 2650
DOM（Document Object Model——文档对象模型），可以简单理解为浏览器创建的节点树，每个节点有自己的属性和方法，可以通过 JavaScript 来操作这些属性、调用这些方法。操作 DOM 的能力是 JavaScript 最独特和有用的特性之一。下图是 DOM 树的视觉表示。document 对象是 DOM 的核心/基础，执行任何形式的 DOM 操作都要访问 document 对象。根元素html是 document 对象的子节点。下一行是body和head。
DOM（文档对象模型）
m0_64694920的博客
06-23 1764
目录一.DOM概述二.DOM操作三.DOM事件四.总结1.DOM简介DOM（文档对象模型），用于将HTML文档描述成文档对象，该对象被组织成由一个个节点组成的树形结构。树中节点有元素节点，属性节点，文本节点等。节点之间存在父子，兄弟等层级关系，每个节点都有自己的名称，类型以及其他一些属性。同时DOM提供了一系列节点操作相关的API，用于访问和处理元素。2.DOM作用DOM可以获取文档节点，例如获取某个节点的属性，遍历列表节点的内容，获得表单的输入值等。DOM获取节点后，还可以对节点的属性进行改变。DOM可以
DOM基础知识
Mozarty的博客
04-22 1285
何为DOMDOM，即Document Object Model（文档对象模型），是一种Web API，它将HTML或XML文档表示为一个树形结构，每个节点都是一个对象，从而使开发者可以使用脚本语言（例如JavaScript）动态地访问和修改文档内容、结构和样式。何为Web APIWeb API是一种由Web浏览器提供的编程接口，它允许开发者通过JavaScript等脚本语言与浏览器进行交互，从而实现动态网页和丰富的Web应用程序。
DOM简介、HelloWorld、文档节点、获取元素节点、元素的属性和方法——DOM
weixin_70320000的博客
11-26 2339
DOM简介、HelloWorld、文档节点、获取元素节点、元素的属性和方法
DOM的重要知识点：全是干货
catchchen的博客
03-28 1342
时，设置document.domain 是有用的。document.createElement()方法创建新元素，这个方法接收一个参数，即要创建元素的标签名，同时也会把新元素的 ownerDocument 属性设置为 document，此时，可以再为其添加属性、添加更多子元素。每一个节点都有一个childNodes属性，包含着NodeList实例，NodeList是类数组对象，实质上是一个对 DOM 结构的查询，存储按位置存取的有序节点，有length属性，还可以用中括号和item()获取它的值。
什么是DOM?什么是虚拟DOM?
07-28
DOM（Document Object Model）是一种表示文档结构的对象模型，它将HTML或XML文档解析成一个树状结构，通过操作这个树状结构来实现对文档的增删改查。 虚拟DOM（Virtual DOM）是一个概念，它是对真实DOM的一种抽象表示。在某些Web开发框架中，使用虚拟DOM来提高性能和开发效率。虚拟DOM是一个虚拟的内存中的树状结构，它通过比较和计算与真实DOM的差异，然后批量更新真实DOM，以减少对真实DOM的操作次数，从而提高性能。 当页面需要更新时，先在内存中构建一个虚拟DOM树，然后与上一次渲染的虚拟DOM树进行比较，找出差异部分，并将这些差异部分应用到真实DOM上。这样可以避免直接操作真实DOM带来的性能损耗，并且可以批量更新DOM，提高渲染性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值