DOM是什么？（超详细解释）

DOM全拼为Document Object Model（文档对象模型）是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。

DOM概念本身：

普通文档（*.txt）和HTML/XML文档（*.html/*.xml）的区别仅仅是因为后者是有组织的结构化文件；
浏览器将结构化的文档以树的数据结构读入浏览器内存，并将每个树的子节点定义为一个NODE（想象这颗树，从根节点到叶子节点都被建模为一个NODE对象）；
这每个节点（NODE）都有自己的属性（名称、类型、内容...）；
NODE之间有层级关系（parents、child、sibling...）；
以上已经完成文档的建模工作（将文档内容以树形结构写入内存），此时再编写一些方法来操作节点（属性和位置信息），即为NODE API。

抽象一下：

DOM是一种将HTML/XML文档组织成对象模型的建模过程；
DOM建模重点在于如何解析HTML/XML文档和开放符合DOM接口规范的节点操作API接口。

再抽象一下：

解析文档，建模成对象模型，开放API接口。

最后：

DOM：Document Object Model 文档对象模型
DOM 是什么？ - 知乎最后附上知乎上比较生动形象的讲解，看完绝对明白！

DOM是什么？（超详细解释）相关推荐

关于三次握手与四次挥手的超详细解释
关于三次握手与四次挥手的超详细解释看了很多博客的文章,再结合自己想要知道的知识,发现还是需要东看一下西看一下,才能明白大概的过程.所以这里博主决定来小小的结合一下自己记录的内容.来写一个容易看明白并 ...
C++引用的超详细解释及误区纠正，不看后悔哦（中）
书接上文,这次我想向大家谈一谈关于函数引用返回的问题非引用返回,非引用接收: 首先我们来看这样一段代码: #include<iostream> using namespace std; ...
C++引用的超详细解释及误区纠正，不看后悔哦（上）
首先,我们来谈一谈什么是引用以及为什么存在? 引用:即为对象起立另一个名字,引用类型引用另一种类型. 基于C语言的指针,C++将其封装并创建出新的类型--引用.熟悉C语言的小伙伴们会发现,在C语言中指 ...
超详细解释XGBoost，一篇文章搞懂XGBoost
XGBoost 文章目录 XGBoost 背景工程原理具体形式怎么做出预测目标函数引言数学详解明确符号化简目标函数符号注释结论生成一棵完整的树贪心算法加权分位法工作原理数 ...
Linux用户（user）与用户组（group）管理（超详细解释）
Linux用户(user)和用户组(group)管理用户/组基本概念与特性 1.查看用户的uid/gid 2.用户基本信息文件 (1)用户名 (2)密码 (3)UID (4)GID (5)主目录 ( ...
三、jQuery 中的 DOM 操作（超详细）
文章目录前言一. DOM 介绍二. 查找节点 2.1查找元素节点 2.2查找属性节点三. 创建节点 3.1.创建元素节点 3.2.创建文本节点 3.3.创建属性节点四.插入节点 4.1 DO ...
无迹卡尔曼滤波（UKF）超详细解释
前言:本文运用了大量python语言,读不懂没关系,重点在于理解UKF的思想,如何利用概率分布逼近非线性(通过仿真例子理解).通过对比KF与UKF更容易理解. 引用自: https://github. ...
Python爬虫案例，腾讯动漫爬虫，步骤超详细解释。
实施步骤 (1) 数据爬取:使用requests请求为基础获取数据源. (2) UA伪装:模拟浏览器访问网址. (3) 数据解析:使用xpath语法处理数据. (4) 数据存储:获取需求数据后使用Ex ...
leetcode 403.青蛙过河 C，C++超详细解释
一只青蛙想要过河. 假定河流被等分为若干个单元格,并且在每一个单元格内都有可能放有一块石子(也有可能没有). 青蛙可以跳上石子,但是不可以跳入水中. 给你石子的位置列表 stones(用单元格序号升序 ...
C++引用的超详细解释及误区纠正，不看后悔哦（下）
最后一个板块,我们来详细的探讨下const引用,基本格式为-----const 类型& 在我们编写函数时,经常会发现常将const引用作为形参,这不仅仅是因为想让const修饰的值不在函数体内 ...

DOM是什么？（超详细解释）

DOM是什么？（超详细解释）相关推荐

最新文章

热门文章