dom简介

红太狼 2023-06-22 06:22 38阅读 0赞

DOM基本功能：  
① 查询某个元素  
② 查询某个元素的祖先、兄弟以及后代元素  
③ 获取、修改元素的属性  
④ 获取、修改元素的内容  
⑤ 创建、插入和删除元素  
按照不同的类型来分，dom有不同的节点：文档节点、元素节点、属性节点、文本节点、注释节点，如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmppYXlhbm0_size_16_color_FFFFFF_t_70]  
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。  
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。  
HTML DOM 独立于平台和编程语言。

常用的dom对象方法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmppYXlhbm0_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmppYXlhbm0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191214171705361.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmppYXlhbm0=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmppYXlhbm0_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191214171830849.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21pbmppYXlhbm0=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，38人围观）

还没有评论，来说两句吧...

相关阅读

相关 DOM简介

文章目录理论知识动态改变DOM树的节点DOM树节点的基本接口对象和接口的关系DOM中常用接口的方法理论知识页面也应用了面向对象的思想，一个页面会被组织成一个documen...

古城微笑少年丶/ 2024年05月08日 06:30/ 0 赞/ 79 阅读

相关 dom简介

DOM基本功能： ① 查询某个元素 ② 查询某个元素的祖先、兄弟以及后代元素 ③ 获取、修改元素的属性 ④ 获取、修改元素的内容 ⑤ 创建、插入和删除元素

红太狼/ 2023年06月22日 06:22/ 0 赞/ 39 阅读

相关 22- JavaScript DOM简介和DOM操作

常见概念 JavaScript的组成 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符

素颜马尾好姑娘i/ 2023年05月29日 11:48/ 0 赞/ 21 阅读

相关 JavaScript --- DOM简介和 DOM Node节点的增删改查

DOM简介：通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。 -------------------- HTML DOM（文

叁歲伎倆/ 2023年02月11日 07:13/ 0 赞/ 54 阅读

相关 js之DOM简介

1 什么是 DOM 1）DOM 英文全称“Document Object Model”，译为“文档对象模型”。 2）DOM 是一个与平台和编程语言无关的接口，通过这个接

偏执的太偏执、/ 2022年11月22日 12:48/ 0 赞/ 185 阅读

相关 React —— 简介，虚拟DOM，JSX语法规则

React —— 简介，虚拟DOM，JSX语法规则 React —— 简介，虚拟DOM，JSX语法规则简介特点

绝地灬酷狼/ 2022年11月04日 13:26/ 0 赞/ 244 阅读

相关 DOM和BOM简介

DOM和BOM的简介及区别： DOM：文档对象模型，描述了处理网页内容的方法和接口。最根本对象是document（window.document）。由于DOM的操作对象是

今天药忘吃喽~/ 2022年08月30日 11:20/ 0 赞/ 244 阅读

相关 Dom简介

> 在网页上，组成页面（或文档）的对象被组织在一个树形结构中。页面的顶级包含在<html>标签中，在其中会找到<head>和<body>标签，而其它

￡神魔★判官ぃ/ 2022年08月06日 14:19/ 0 赞/ 175 阅读

相关 DOM简介，DOM树简介，获取元素节点对象； DOM对象的常见的元素属性

13 DOM简介：DOM(Document Object Model)文档对象模型文档指的是：标记型文档（HTML等） DOM 是将标记型的文档中内容（标签，文本，属

一时失言乱红尘/ 2022年06月06日 03:13/ 0 赞/ 322 阅读

相关 HTML DOM简介

DOM（Document Object Model）是W3C的标准，定义了访问HTML和XML文档的标准。 DOM是文档对象模型的简称，借助DOM模型，可以将结构化文档转换成

﹏ヽ暗。殇╰゛Y/ 2022年05月21日 23:52/ 0 赞/ 239 阅读