文档对象模型（dom）

最新推荐文章于 2023-04-27 17:51:21 发布

我不是小白脸

最新推荐文章于 2023-04-27 17:51:21 发布

阅读量256

点赞数

分类专栏： javaScript高级程序设计文章标签：文档对象模型

本文链接：https://blog.csdn.net/wobushixiaobailian/article/details/100084668

版权

javaScript高级程序设计专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章目录

一、文档对象模型

在文章开始之前，首先我们要先清除什么是javascript。javascript由三部分组成。

核心（ECMAscript）
文档对象模型（dom）
浏览器对象模型（bom）

其示意图如图1所示。
在这里插入图片描述

图1 javascript组成示意图

现在，开始我们的dom旅程?

一、文档对象模型

文档对象模型(dom)定义。

文档对象模型（DOM，Document Object Model）是针对 XML 但经过扩展用于 HTML 的应用程序编程接口（API，Application Programming Interface）。DOM 把整个页面映射为一个多层节点结构。HTML或 XML 页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。

从定义中我们可以看出下面几点信息。

用于html。
是一个编程接口。不是只正对javascript的，有很多实现。

下面html的节点树结构如图2所示。

<html> 
 <head> 
 <title>Sample Page</title> 
 </head> 
 <body> 
 <p>Hello World!</p> 
 </body> 
</html>

在这里插入图片描述

图2 节点树

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我不是小白脸

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

DOM(文档对象模型)

m0_68870440的博客

06-23

1805

DOM(文档对象模型)

DOM---文档对象模型(Document Object Model)的基本使用

tian5753的博客

12-25

189

DOM---文档对象模型(Document Object Model)的基本使用

参与评论您还未登录，请先登录后发表或查看评论

文档对象模型dom_详细了解文档对象模型（DOM）

cune1359的博客

07-05

545

我们都听说过不时提到与JavaScript相关的DOM或文档对象模型。 DOM是Web开发中一个非常重要的概念。没有它，我们将无法在浏览器中动态修改HTML页面。学习和理解DOM可以更好地访问，更改和监视 HTML页面的不同元素。文档对象模型还可以帮助我们减少脚本执行时间的不必要增加。另请参阅： Web开发人员用于DOM操作的15种JavaScript方法数据结构树...

一篇文带你了解文档对象模型DOM（Document Object Model）

cai niaoyihao_的博客

06-06

3513

一篇文带你了解文本对象模型DOM（Document Object Model）

文档对象模型 DOM

blog

09-03

576

文章目录一、DOM 是什么？二、DOM 中的节点1.常见节点2.获取元素节点的方式三、获取和设置属性总结前言：一、DOM 是什么？ DOM 全称是 Document Object Model ，通过 DOM 我们可以把一个网页文档看作成一棵树，也就是我们常说的 DOM 树。 Document 代表整个网页文档； Object 代表对象，例如 window 对象； Model 代表模型。二、DOM 中的节点 1.常见节点元素节点文本节点属性节点 2.获取元素节点的方式

DOM（文档对象模型）

weixin_68705721的博客

04-27

406

文DOM（文档对象模型）是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将 web 页面和脚本或程序语言连接起来。一个 web 页面是一个文档。这个文档可以在浏览器窗口或作为 HTML 源码显示出来。但上述两个情况中都是同一份文档。文档对象模型（DOM）提供了对同一份文档的另一种表现，存储和操作的方式。

Dom 文档对象模型

nknmn

04-20

349

< DOM > 1.文档：一个页面就是一个文档，DOM中使用document表示 2.元素：页面中的标签都是元素，DOM中使用element表示 3.节点：网页中所有的内容都是节点（标签、属性、文本、注释等），DOM中使用node表示 DOM把以上内容都看做是对象 1.获取页面元素：（1）根据ID获取： document.getElementById() // 1.因为文档页面是从上往下加载的，先得有标签，所...

什么对象表示html的整个页面文档,文档对象模型DOM知多少？

weixin_42207707的博客

06-05

463

原标题：文档对象模型DOM知多少？ 1、什么是DOM？文档对象模型DOM是针对XML但经过扩展用于HTML的应用程序编程接口API，DOM把整个页面映射为一个多层节点结构，HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。通过DOM创建的表示文档的树形图，开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API，开发人员可以轻松自如地删除、添加、替换或...

文档对象模型DOM

ailxxiaoli的博客

03-13

2949

DOM=DocumentObjectModel，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远

文档对象模型DOM通俗讲解

09-04

文档对象模型（DOM）是Web开发中的一个关键概念，它为HTML和XML文档提供了一个结构化的表示，并允许程序和脚本动态地访问和更新文档内容、结构和样式。DOM是独立于语言的标准，这意味着任何支持DOM的编程语言都可以...

表单事件——表单基础知识

wobushixiaobailian的博客

11-02

5630

文章目录一、提交表达二、重置表单三、表达字段表单的私有属性和方法属性或方法描述 acceptCharset 服务器能够处理的字符集;等价于 HTML 中的 accept-charset 特性。 action 接受请求的 URL;等价于 HTML 中的 action 特性。 elements 表单中所有控件的集合(HTMLCollection) 。 enctype...

DOM2和DOM3

wobushixiaobailian的博客

10-09

588

文章目录1 DOM2和DOM3的变化1.1 针对XML命名空间的变化1.2 其他方面的变化2 操作样式的DOM API2.1 访问元素的样式3 DOM遍历与范围 DOM1级主要定义的是HTML和XML的底层结构。DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力。 DOM2和DOM3又可以分为许多模块，如下： DOM2核心 DOM2视图 DOM2事件 DOM2样式 DOM2遍历...

浏览器对象模型

wobushixiaobailian的博客

08-26

186

文章目录定义：浏览器对象模型bom是一个可以访问和操作浏览器窗口的模型。这意味这开发人员可以操作浏览器显示界面之外的部分。如：弹出新浏览器窗口的功能；移动、缩放和关闭浏览器窗口的功能； *提供浏览器详细信息的 navigator 对象；提供浏览器所加载页面的详细信息的 location 对象；提供用户显示器分辨率详细信息的 screen 对象；对 cookies 的支持；像 XM...

事件

wobushixiaobailian的博客

10-15

161

文章目录1 事件流2 事件处理程序2.1 HTML事件处理程序2.2 DOM0 级事件处理程序（JavaScript事件处理程序） 1 事件流事件流描述的是从页面中接受事件的顺序。IE和NetScape采用了相反的实现机制，IE中采用的是事件冒泡，NetScape采用的是事件捕获。事件冒泡：事件从最具体的元素，逐级传递到最不具体的元素。事件捕获：事件捕获的目的是在事件到达预定...

让-Flutter-在鸿蒙系统上跑起来，目录：鸿蒙系统适配；渲染流程打通；Flutter在鸿蒙系统上的移植