DOM是什么（1）

最新推荐文章于 2024-10-03 20:14:40 发布
最新推荐文章于 2024-10-03 20:14:40 发布
阅读量95 收藏
点赞数
文章标签： 前端 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69797860/article/details/128985182
版权

DOM（Document Object Model） 文本对象模型

DOM是针对HTML,XML文档的一个API，提供了大量可用于操作文本内容的对象和方法。

定义了JS操作HTML文档的接口，提供了访问HTML文档（如body,form,div,textarea）的途径和操作方法。

DOM节点

在HTML的文本结构中，是层叠嵌套的，最外层是<html>节点，对应对象是document，其内部有<head>头部 和 <body>主体 这两个节点。

具体参见P122页

节点类型 nodeType

元素节点

文档节点

节点名称 nodeName

子节点 childNodes

返回节点的集合 object NodeList

遍历节点

其中 <br/>表示换行

获取子节点中 第一节点 firstChild

获取子节点中 最后节点 lastChild

获取父节点 parentNode

获取上一个兄弟节点 previousSibling

获取下一个兄弟节点nextSibling

节点值 nodeValue

直接获取节点值 innerHTML


 

小璨神
关注
DOM 是什么？
liuhao9999的博客
03-22 7276
DOM代表文档对象模型，是 HTML 和 XML 文档的接口(API)。当浏览器第一次读取(解析)HTML文档时，它会创建一个大对象，一个基于 HTM L文档的非常大的对象，这就是DOM。它是一个从 HTML 文档中建模的树状结构。DOM 用于交互和修改DOM结构或特定元素或节点。 假设我们有这样的 HTML 结构： <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-...
初识DOM
whisper49的博客
05-23 130
一、DOM简介 1.DOM是文档对象模型，是处理可扩展标记语言（HTML/XML）的标准编程接口。 2.DOM树：在DOM中，以下内容均看作对象 文档：一个页面即一个文档，用document表示 元素：页面中的所有标签，用element表示 节点：网页中的所有内容，包括标签、属性、文本、注释等，用node表示 二、获取页面的元素 1.根据ID获取 用getElementByid()可获取带有ID的元素对象 <div id="now">现在</div> <script>
DOM是什么？（超详细解释）
热门推荐
冰月灵狐
10-18 2万+
DOM全拼为Document Object Model（文档对象模型）是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。 DOM概念本身： 普通文档（*.txt）和HTML/XML文档（*.html/*.xml）的区别仅仅是因为后者是有组织的结构化文件； 浏览器将结构化的文档以树的数据结构读入浏览器内存，并将每个树的子节点定义为一个NODE（想象这颗树，从根节点到叶子节点都被建模为一个NODE对象）； 这每个节点（NODE...
html的dom是什么意思,DOM是什么意思
weixin_42365898的博客
06-11 1611
DOM的含义：DOM称为文件对象模型(DocumentObjectModel，简称DOM)，是W3C组织推荐的处理可扩展置标语言的标准编程接口DOM是HTML文档的内存中对象表示，它提供了使用JavaScript与网页交互的方式。DOM是节点的层次结构(或树)，其中document节点作为根。实际上DOM是以面向对象的方式来描述的文档模型。DOM定义了表示和修改文档所需的对象和这些对象的行为和属性...
java中dom是什么_程序员总说的DOM到底是什么？
weixin_30072693的博客
02-19 3060
大家好，有些词儿，程序员之间虽然天天说，彼此之间心照不宣，但是在面对一些非技术的产品同学的时候，对方却不一定能一下子就get到点。这个系列的文章就是为了解决这种尴尬的，理想的效果是，只要一提起这些词儿，你脑海中就会出现一幅图或者一段精妙的解释，那我们就成功了。今天Java培训班讲解的词儿是DOM，是程序员里面最基础、最常用的一个东西。它的全称是文档对象模型(Document ObjectModel...
什么是虚拟DOM
weixin_53156345的博客
05-31 1466
Virtual DOM（虚拟DOM），是由普通的 JS 对象来描述DOM对象，因为不是真实的DOM对象，所以叫 Virtual DOM。
什么是DOM和BOM？
似水流年QC的博客
06-01 2万+
DOM 全称是 Document Object Model，也就是文档对象模型。提供操作页面元素的方法和属性，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM 树DOM树是Web页面的模型，当浏览器加载一个Web页面时，它会创建这个页面的模型，称为DOM树。DOM树主要由4类主要节点组成：文档节点，元素节点，属性节点，文本节点。①.文档节点：在树的顶端是文档节点，它呈现整个页面。②.元素节点：需要访问DOM树时，需要从查找元素开始。
什么是虚拟dom
weixin_44059045的博客
12-09 3066
1. 对虚拟DOM的理解？ 从本质上来说，Virtual Dom是一个JavaScript对象，通过对象的方式来表示DOM结构。将页面的状态抽象为JS对象的形式，配合不同的渲染工具，使跨平台渲染成为可能。通过事务处理机制，将多次DOM修改的结果一次性的更新到页面上，从而有效的减少页面渲染的次数，减少修改DOM的重绘重排次数，提高渲染性能。 虚拟DOM是对DOM的抽象，这个对象是更加轻量级的对 DOM的描述。它设计的最初目的，就是更好的跨平台，比如Node.js就没有DOM，如果想实现SSR，那么一个方式
什么是DOM？
Mr.Starl
10-16 1万+
DOM（Document Object Model）的缩写，即文档对象模型。是针对XML并经过扩展用于HTML的应用程序编程接口（API） 所以DOM本质上是一种接口（API)，是专门操作网页内容的API标准 DOM把整个页面映射为一个多层节点结构，HTML或XML页面中的每个组成部分都是某种类型的节点。借助DOM提供的API，开发人员可以删除、添加、替换或修改任何节点 ...
DOM是什么？
object not found的博客
08-18 1万+
DOM的全称叫Document Object Model（文档对象模型）。他提供了js一个能力：获取网页上的元素并且操作它们。
什么是DOM(Document Object Model)文档对象模型
09-05
DOM被设计为平台无关和语言无关的API，这意味着不同的编程语言都可以使用DOM，而不仅限于JavaScript。DOM通过标准化文档结构的访问和修改方法，使得脚本语言能够跨平台、跨浏览器地运行。 在DOM的树状结构中，每个...
javascript bom是什么及bom和dom的区别
10-23
BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。这篇文章给大家介绍javascript bom是什么及bom和dom的区别，感兴趣的朋友一起学习吧
前端的全栈混合之路Meteor篇：3.0新版本介绍
分享有趣的、贴近生活的CS知识
10-01 1000
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
Javascript数组研究03_手写实现_fill_filter_find_findIndex_findLast_findLastIndex
最新发布
qq_33546823的博客
10-03 908
fill()方法用一个固定值填充一个数组中从起始索引（默认为 0）到终止索引（默认为）内的全部元素。它返回修改后的数组。输入参数value：用来填充数组元素的值。start（可选）：开始填充的位置，默认值为 0，索引处理方法和copyWithin一致。end（可选）：停止填充的位置（不包含该位置），默认值为，索引处理方法和copyWithin方法一致。输出：修改后的原数组。注意事项该方法会改变原数组，是修改方法。对于稀疏数组，空槽也会被value填充。是通用的方法在空数组上不会有任何处理。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 563
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
登录功能开发 P167重点
2303_81204446的博客
09-30 343
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1153
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
第十一章 【前端】调用接口（11.1）——Vite 环境变量
qdbest的专栏
09-29 122
Vite。
前端面试经验总结2(经典问题篇)
rita_0567的博客
09-28 994
因为计算机技术的快速发展，所以程序员如果不能保持对技术的持续性学习，会更容易的被淘汰，我从来不觉得程序员是一个轻松的职业，但是程序员是我最热爱的职业，我做好了充足的准备让自己能够长期在前端行业深耕。既要扩充自己的知识宽度，同时又不要一味的追求学习的东西越多越来，今天学两天这个，明天学两天那个，工作中又没有得到使用的话，很快也都会忘记的。了解，贵公司主要是在xxx行业从事xxx业务，贵公司所处的行业是我非常看好的，我感觉贵公司的氛围我很喜欢，比如xxxx。遇到了哪些挑战，我如何在不利的条件下成长起来的。
虚拟 DOM 是什么？
07-28
虚拟 DOM（Virtual DOM）是一种用于提高前端性能的技术概念。它是在内存中构建一个轻量级的、与真实 DOM 结构对应的虚拟树，通过对比虚拟 DOM 的变化，最终只对真实 DOM 进行必要的更新操作。 通常，使用真实 DOM ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值