笔记：什么是DOM？？

最新推荐文章于 2024-05-17 15:34:29 发布
最新推荐文章于 2024-05-17 15:34:29 发布
阅读量234 收藏 1
点赞数 1
文章标签： html html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44156869/article/details/108951309
版权

什么是 DOM？

文档对象模型 (Document Object Model,简称 DOM),是W3C组织推荐的处理可扩展语言 (HTML或者 XML)的标准编程接口。

W3C已经定义一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。
在这里插入图片描述

  • 文档：一个页面就是一个文档，DOM中使用 document 表示
  • 元素：页面中的所有标签都是元素，DOM中使用 element 表示
  • 节点：网页中的所有标签都是节点（标签、属性、文本、注释等），DOM中是使用 node 表示

DOM把以上内容都看做是对象

奶盖不加糖
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM的标签属性和对象属性
Bwateree的博客
04-20 1170
一、标签属性 任何一个DOM元素，有两种属性，一个是对象属性，一个是标签属性。把写在标签上的属性称为标签属性。标签属性和对象属性是两套系统。 标签系统一般用于展现，对象数据一般用于数据的存储和设置 任何一个DOM元素都是对象模型，都可以自主的添加设置对象的属性和值 div.a=10; 1.设置标签属性 元素.setAttribute(属性名,属性值); 属性名的命名不能使用...
【学习笔记】：DOM对象及事件绑定
01-08
文章目录一、DOM的概念二、DHTML与HTML DOM三、Document对象获取元素方法四、Element对象与属性相关方法五、对DOM对象的操作1、DOM对象的属性2、创建元素3、挂载元素4、删除元素5、克隆元素六、调整元素样式的方式七...
第一章：什么是前端开发者?
01-08
什么是前端开发者？ 一个前端开发者, 要会使用Web技术(如：HTML,CSS,DOM和JavaScript)设计和开发网站应用. 网站应用, 或运行于 Web平台 之上, 或用于编译非Web平台环境的输入(如：NativeScript). 一般而言, 一个人可以通过学习 HTML,CSS,JavaScript进入前端开发领域, 这些代码运行在 Web浏览器, 无壳为浏览器, Web视图之中, 或用于编译本地运行环境的输入. 后文将详细介绍这四个运行场景. Web浏览器是用于检索, 呈现和遍历万维网(WWW)信息的软件. 一般而言, 浏览器可以运行在台式机, 笔记本电脑, 平板电脑或手机.
【JavaScript】关于DOM的详解
weixin_43689100的博客
02-23 144
一、DOM基础 1.DOM概述： 所谓的dom (document object model)，指的就是文本对象模型，DOM和标签之间的关系密不可分，document对象指的是html中所有对象，html标签通过浏览器解析成DOM节点。一个页面有很多的html标签，那么就对应有很多DOM节点。 2.DOM元素的属性： 可以进行获取或设置某个节点的属性值。 innerHTML 节点（元素）的文本值...
DOM的基本概念
weixin_46273011的博客
03-20 648
DOM是标签和JS的桥梁，通过DOM找到标签的对象，该对象就可以成为JS的变量。 使用方法nodeType，书写的方法节点名称.nodeType <div id="box1"> <p id="para">A</p> <p>B</p> <p>C</p> </div> <script> var box1 = docu
DOM是什么？有什么用处？js与DOM啥关系？
热门推荐
echo_s 快乐de小媛~
09-29 7万+
DOM简介大家都想知道dom是什么，翻了各种文档，找了各种资料，看完还是云里雾里的，想表达吧，又说不上来，如果，您是大神，请绕道，又或者看完我的文章，有不足之处，欢迎提出，本人会积极改正。本来就是互相学习的过程嘛…嘿嘿**在各种网站上都能找到的信息，这里就不一一说了，直奔主题。 （基本信息：[dom介绍(http://www.w3school.com.cn/htmldom/dom_intro.as
27、什么是DOM和BOM
sunnnnh的博客
06-03 7228
BOM是browser object model的缩写，简称浏览器对象模型。是用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 比如 alert();弹出一个窗口,这属于BOM
什么是DOM？(详解)
罗不丢的博客
02-26 1346
本文详细介绍了DOM的定义与概念，并分三点介绍了DOM的含义，顺便介绍了一丢丢的DOM树知识
【DOM笔记一】什么是DOM？获取元素的方法有哪些？什么是事件以及事件的三要素包括哪些？
waski的博客
12-18 905
/ 3. querySelectorAll() 返回 指定选择器 的 所有元素对象集合。// 文档页面从上往下加载，得先有标签,再去获取它，因此script写到标签的下面。// 2. querySelector 返回 指定选择器 的 第一个元素对象。// 1. 返回的是 获取过来元素对象的集合 以伪数组的形式存储。// 打印我们返回的元素对象 ,可以更好的查看里面的属性和方法。// 4. 如果页面中没有li 返回的是 空的伪数组。// 2. 用遍历 依次打印里面的元素对象。
dom编程学习笔记.pdf
11-15
dom编程学习笔记.pdf
前端笔记：js基础语法，DOM操作，BOM操作
07-09
此外，我还会在此博客账号上持续更新前端相关内容（js基础语法，BOM操作，DOM操作），与此同时会持续优化更新笔记内容，后边也会更新一些后端内容，欢迎您的关注和支持，也欢迎各位小伙伴来讨论js和node.js相关知识...
js DOM的学习笔记
10-28
DOM是Document Object Model文档对象模型的缩写；使用JavaScript操作DOM进行DHTML开发
vue.js学习笔记：对虚拟DOM的理解
qq_50662136的博客
04-10 727
1、虚拟DOM 1.1本质 虚拟dom其实就是一个普通的js对象，这个对象将vue模板内的标签、属性、数据写成对象的格式，同时将vue实例中的data和methods结合起来，添加到需要的标签对象属性中。 1.2虚拟dom转真实dom 我们从虚拟dom对象中读取标签名称属性，然后利用createlement创建元素，元素名称属性就从dom里面得到。 1.3更新 当数据发生改变，自动会根据新的数据生成新的虚拟dom，然后跟原来的虚拟dom做对比，如果某个元素变了，就对某个元素进行相应的操作，如果没
笔记 - 如何理解虚拟DOM?（转）
qq_39108466的博客
11-14 248
转自https://www.zhihu.com/question/29504639 摘录： 用新渲染的对象树去和旧的树进行对比，记录这两棵树差异。记录下来的不同就是我们需要对页面真正的 DOM 操作，然后把它们应用在真正的 DOM 树上，页面就变更了。这样就可以做到：视图的结构确实是整个全新渲染了，但是最后操作DOM的时候确实只变更有不同的地方。 这就是所谓的 Virtual DOM 算法。
HTML的使用（中）
weixin_74141222的博客
05-14 1050
在许多网页平台上浏览，大多逃不了登录账号。此时在网页中填写的用户名文本框与密码文本框，就属于HTML的表单元素。以上就是HTML表单的内容了，表单提供了大量能使浏览器用户快速便捷地填写数据的方法，构建了数据的交互传输。
html 根字号 以及 设置根元素font-size:calc(100vw/18.75)、元素rem实现自适应
hx_1199的博客
05-17 401
rem 是相对文档根元素(html)字体大小的尺寸单位，当元素的尺寸或文字字号等使用 rem 单位时，会随着根元素的 font-size变化而变化。以750px 设计稿为例 100vw=750px 750/18.75=40 即 1rem=40px;以1920px 设计稿为例 100vw=1920px 1920 / 48 =40 即 1rem=40px;在不同分辨率的设备下动态设置根元素的字体大小就可以实现页面自适应。
自动化测试报告样式HTMLTestRunner、BeautifulReport、HTMLReport、Allure你喜欢哪个？
最新发布
qq_48811377的博客
05-17 701
有很多种自动化测试报告样式，接下来主要看下这些常用样式的效果是怎样的每个样式各有特点，选择自己喜欢的使用就好了自动化测试时你用的最多的是哪个呢？
vue-property-decorator笔记
08-20
: string)`：获取子组件或 DOM 元素的引用，并将其赋值给指定的属性。可以传入一个可选的引用键，默认为属性名。 - `@Inject(key?: string | symbol)`：注入一个父组件提供的属性或方法。可以传入一个可选的注入键...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值