Dom文档对象模型

已于 2022-05-18 23:05:31 修改
阅读量312 收藏
点赞数
文章标签： javascript 前端
于 2022-05-18 22:41:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_69674158/article/details/124852978
版权

一、DOM操作
DOM：文档对象模型，是基于文档编程的一套API接口

1.DOM操作分类
使用JavaScript操作DOM时通常分为三类：DOM Core（核心）、HTML-DOM和CSS-DOM

2.节点和节点关系
DOM是以树状结构的HTML文档，根据DOM概念，HTML文档中的每个标签或元素都是一个节点。

整个文档是一个文档节点
每个HTML标签是一个元素节点
包含在HTML元素中的文本是文本节点
每个HTML属性是一个属性节点
注释属于注释节点
使用父（parent）、子（child）和同胞（sibling）等术语来描述这些节点的层次关系，父节点拥有子节点，同级的子节点被称为同胞或兄弟节点。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETkDnoIHlhpzpmL_ojLk,size_20,color_FFFFFF,t_70,g_se,x_16

二：节点的遍历

就是把过获到的节点列表挨个输出。

1.for循环来遍历

最低0.47元/天 解锁文章
码农阿茹
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JavaScript高级程序设计 第十四章---DOM 文档对象模型
weixin_40794404的博客
09-03 1126
第十四章 本章内容 理解文档对象模型（DOM）的构成 节点类型 浏览器兼容性 MutationObserver 接口 文档对象模型（DOM，Document Object Model）是HTML 和XML 文档的编程接口。DOM 表示由多层节点构成的文档，通过它开发者可以添加、删除和修改页面的各个部分。脱胎于网景和微软早期的动态HTML（DHTML，Dynamic HTML），DOM 现在是真正跨平台、语言无关的表示和操作网页的方式。 14.1 节点层级 任何HTML 或XML 文档都可以用DOM表示
DOM文档对象模型
qq_42839746的博客
09-13 662
DOM的英语全称为Document Object Model,翻译成中文就 是文档对象模型。也就是说，将整个文档看作是一个对象。而一个文档又是由很多节点组成的， 那么这些节点也可以被看作是一个个的对象。DOM里面的对象属于宿主对象，需要浏览器来作 为宿主。一旦离开了浏览器这个环境，那么该对象将不复存在。同样，上一章我们所介绍的 BOM也是如此，需要浏览器来作为宿主，所以它也是一个宿主对象。
DOM-文档对象模型
weixin_62520626的博客
01-13 338
Document文档对象中的属性和方法 Element元素对象 事件 1.文档对象模型的概念和组成 概念：将标记语言文档的各个组成部分 封装为对象 组成： * Document：文档对象 * Element:元素对象 * Attribute：属性对象 * Text：文本对象 * Comment：注释对象 * Node：节点对象 ...
DOM对象（Document Object Model 文档对象模型）
最新发布
/*多学习 不油腻*/
04-09 1009
DOM是BOM中window对象的子对象，也是访问和操作HTML文档的入口。通过document对象，可以获取到HTML文档中的元素，并对其进行操作。 它将文档解析为一个由节点和对象组成的树状结构，可以使用这些对象，动态地访问和更新HTML文档的内容、结构和样式。
区别：DOM Core 与 HTML-DOM
weixin_34406061的博客
06-25 259
DOM（文档对象模型）是由W3C制定的一套访问和操作XML（eXtensible Markup Language）文档的标准，即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记（Tag）。 DOM与特定的平台、浏览器、语言无关，很多种语言都实现了DOM，比如因为JavaScript和PHP都实现了DOM，所以 JavaScript中有getElement...
常用手册 DOM文档对象模型.chm
05-25
通过阅读《常用手册 DOM文档对象模型》，开发者不仅可以深入理解DOM的基本概念，还能掌握实际操作DOM的技巧，从而提高网页和应用程序的交互性和动态性。此外，对于学习前端开发和Web应用的人员来说，这是一份非常...
DOM文档对象模型介绍
03-20
DOM文档对象模型介绍,DOM文档对象模型介绍
Dom文档对象模型-2010
08-15
Dom文档对象模型-2010版，对各种Dom 模型进行介绍，转载自 web圈。 Dom文档对象模型-2010版，对各种Dom 模型进行介绍，转载自 web圈。 Dom文档对象模型-2010版，对各种Dom 模型进行介绍，转载自 web圈。
文档对象模型DOM通俗讲解
09-04
文档对象模型（DOM）是Web开发中的一个关键概念，它为HTML和XML文档提供了一个结构化的表示，并允许程序和脚本动态地访问和更新文档内容、结构和样式。DOM是独立于语言的标准，这意味着任何支持DOM的编程语言都可以...
Dom 文档对象模型
nknmn
04-20 318
< DOM > 1.文档：一个页面就是一个文档，DOM中使用document表示 2.元素：页面中的标签都是元素，DOM中使用element表示 3.节点：网页中所有的内容都是节点（标签、属性、文本、注释等），DOM中使用node表示 DOM把以上内容都看做是对象 1.获取页面元素： （1）根据ID获取： document.getElementById() // 1.因为文档页面是从上往下加载的，先得有标签， 所...
javascript中的HTML DOM
lmd666的博客
04-07 154
HTML DOM 文档对象模型 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model） Dom是中立于平台和语言的接口，它允许程序和脚本动态地访问，更新文档的内容，结构和样式 Dom分为三个不同的部分 Core Dom 所有文档的标准模型 XML DOm xml 文档的标准模型 Html Dom html文档的标准模型 什么是HTML DOM？ html的标准对象模型和编程接口，定义了 作为对象的html元素 所有的html元素的属性 访问所有的.
DOM（文档对象模型）
木羊的专栏
04-29 2018
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。 DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节点：上图中、、等都是元素节点，即标签。 2
DOM对象，控制HTML元素
weixin_30765505的博客
07-13 289
认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 节点属性: 遍历节点树: DOM操作: <!DOCTYPE HTML> <html> <head> <met...
DOM文档对象模型利用节点访问HTML元素
lx__angel的博客
12-07 419
00 #n4{color:red;font-size:30px;} zhangsan lisi wangwu zhaoliu xiaoqiang huzhenhua <input type="button" value="第一个子节点" onclick="testfathe
文档对象模型（DOM）
Mephisto180502的博客
05-17 1194
文档对象模型（DOM） 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过DOM，可以访问所有的HTML元素，连同它们的文本和属性，可以进行修改、删除以及创建新的元素。 HTML文档中的所有元素（节点）组成了一个文档树（节点树、DOM树）。 文档中的每个元素（节点）属性、文本都代表着树中的一个节点，而document对象是一个文档树的根...
js基础（变量、数据类型等）
ygangying的博客
09-20 236
2-Day5JavaScript基础网页、网站和应用程序JavaScript介绍JavaScript是什么JavaScript最初的目的JavaScript现在的意义(应用场景)JavaScript和HTML、CSS的区别JavaScript的组成ECMAScript - JavaScript的核心 （语法）BOM - 浏览器对象模型DOM - 文档对象模型JavaScript初步学习JavaSc...
HTML-01-第10章 DOM和BOM.pptx
11-25
HTML-01-第10章 DOM和BOM

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农阿茹

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值