DOM简介

最新推荐文章于 2023-09-05 09:26:32 发布
最新推荐文章于 2023-09-05 09:26:32 发布
阅读量745 收藏
点赞数 3
分类专栏： Web APIs 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54418006/article/details/121878283
版权

1.　什么是DOM

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。
W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。

2. DOM树

在这里插入图片描述

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

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

FG.
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
DOM介绍
weixin_45116146的博客
09-23 2580
DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）。 DOM提供了一种表述形式将文档作为一个结构化的节点组以及包含属性和方法的对象。从本质上说，它将web页面和脚本或编程语言连接起来了。 DOM可以理解成网页的编程接口。 1.节点 DOM最小的单位叫做节点。文档的树形结构（DOM树），就是各种不同类型的节点组成的。 节点类型有七种：Document、DocumentTyp..
DOM节点操作
weixin_54418006的博客
01-12 164
节点概述 一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这三个基本属性。 元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节点 nodeValue 为 3（文本节点包含文字、空格、换行等） 主要操作是元素节点 2. 节点层级 利用DOM树可以把节点划分为不同层级关系，常见的是父子兄层级关系。 1. 父级节点 nodeparentNode parentNode属性可返回某结点的父节点，注意是最近的一个父节点 如果
DOM 简介 | 深入了解DOM
最新发布
青春木鱼的博客
09-05 3616
W3C DOM由以下三部分组成：核心DOM - 针对任何结构化文档的标准模型。XML DOM - 针对XML文档的标准模型。HTML DOM - 针对HTML文档的标准模型。DOM是一种提供对文档访问或修改方法的模型，它的范围很广，但对于 web 开发者来说，往往都认为它是指JavaScript在浏览器访问和修改html 文档的一种技术，但实际上范围远不局限在这里。
♥️Javascript之DOM♥️
欢迎
09-10 2067
目录 节点 Node类型 属性 方法 Document类型 属性 DOM编程界面 查找元素 添加元素 Element类型 属性 Text类型 属性和方法 文档对象模型（DOM）是网页的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。 浏览器会根据DOM模型，将结构化文档（比如HTML和XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM T...
DOM基础
张恒华的博客
03-21 6132
DOM查找 JavaScript DOM基础 DOM是Document Object Model（文档对象模型）的缩写 文档对象模型（DOM）是HTML和XML文档的编程接口，它提供了对文档的结构化的表述，并定义了一种方法可以使从程序中对该机构进行访问，从而改变文档的结构、样式和内容 DOM查找方法 1 语法： document.getElementById("id") 功能： 返...
JavaScript DOM学习第一章 W3C DOM简介
10-29
档对象模式（Document Object Model DOM）用来描述HTML页面中那些输入框、图片、段落等等元素与最顶级的结构document之间的关系。用适当的方法来选取这些元素，我们就可以改变他们。
HTML DOM简介_动力节点Java学院整理
01-21
什么是DOM？ 通过JavaScript，您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML 元素进行...
详谈DOM简介及节点、属性、查找节点的方法
11-26
DOM将文档解析为一个可操作的对象模型，允许开发者通过JavaScript或其他支持DOM的脚本语言来创建、访问和修改文档内容。在这个模型中，每个部分都可以作为一个独立的节点进行操作，包括元素、属性、文本等。 DOM...
Dom简介
蜗牛学习笔记
02-02 1664
在网页上，组成页面（或文档）的对象被组织在一个树形结构中。 页面的顶级包含在<html>标签中，在其中会找到<head>和<body>标签，而其它标签包含在这两个标签中，依次类推。 javascript将文档树中的每一项都当做对象，可以使用javascript操纵这些对象。用来表示文档中对象的标准模型就称为DOM（Document Object Model）
DOM概述
qq_42309685的博客
07-09 271
DOM概述 解析过程 HTML加载完毕后，渲染引擎会在内存中把HTML文档，生成一个DOM树； getElementById()是获取DOM上的元素。然后操作的时候修改的是该元素的属性。 什么是DOM DOM为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。 目的其实就是为了让JS操作HTML元素而制定的一个规范。 节点 从上面的结构图中可以看到，整个文档就是一个文档节点。而每一个H...
DOM-概述篇
weixin_44908855的博客
07-11 255
1. DOM 简介 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML、XML）的 标准编程接口 W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式 1.1 DOM树： 文档：一个页面就是一个文档，DOM中使用 document 表示 元素：页面中所有标签都是元素，DOM中使用 element 表示 节点：网页中的所有内容都是节点（标签、属性、文本、注释），DOM中使用node表示 DOM把以上内容都
DOM 简介
weixin_48376132的博客
07-05 9646
DOM 简介 1. DOM 概念 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口。 它是一种与平台和语言无关的应用程序接口(API)，它可以动态地访问程序和脚本，更新其内容、结构和 www 文档的风格(目前，HTML 和 XML 文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。 DOM 是一 种基于树的 API 文档，它要求在处理过程中整个文档都表示在存储器中。 总结：W3C 已经定义了一系列
DOM（一）——简介
maomaolaoshi的博客
09-19 640
最近快要去找实习了，准备复习一波DOM，同时整理一下资料，希望对大家也有帮助。DOM是什么？document object model又称为DOM，意思是文档模型。我们编写的HTML都是通过构造一颗树的层次结构（DOM Tree），然后通过呈现树（Render Tree）使之可视化的。 浏览器在加载HTML文档时，会先解析这一层次结构并创建一颗节点对象树，从而模拟这些标记文本的封装方式。
dom介绍
l_y_h___的博客
09-13 326
document:Document 对象是 Window 对象的一部分，Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 Element:Element 对象表示 HTML 元素。creatElement()：创建元素节点 textNode:文本。creatTextNode():创建文本节点 comment:注释。creatComment()：创建注释字节 属性 1.nodeType:表示节点类型 2.nodeName:返回节点名称 3.nodeValue:是
DOM理论知识
liu537192的专栏
08-01 668
DOM:Document Object Model(文档对象模型) 用来将标记型文档封装成对象，并将标记型文档中的所有的内容(标签，文本，属性等)都封装成对象。 封装成对象的目的是为了更为方便的操作这些文档以及文档中的所有内容。 因为对象的出现就可以有属性和行为被调用。 文档对象模型 文档：标记型文档。 对象：封装了属性和行为的实例，可以被直接调用。 模型：所有标记型文档都具备一些共
jQuery中的DOM操作.ppt
03-03
DOM 操作的内容简介 在jQuery中，DOM操作主要包括以下几个方面：选择器、内容操作、属性操作、样式操作、事件操作、添加、删除、替换元素等。下面将对这些内容进行简要介绍。 一、选择器 选择器是jQuery中最常用的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

FG.

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

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

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

打赏作者

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

抵扣说明：

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

余额充值