DOM和选择器之皮毛关系

来源：互联网发布：毕向东java反射编辑：程序博客网时间：2024/05/16 01:32

DOM就是我们常说的文档对模型，全称就是（Document Object Mode,简称）

文档对象模（）是一种用于HTML和XML文档的编程接口。

它给文档提过一种结构化的表示方式，并且可以改变文档的内容和呈现方式。

我们是通过文档的对象的属性、方法和事件来操作和动态创建网页的元素。

D：Document翻译过来就是我们的文档在浏览器中我们称呼为“页面”

O: Object 对象在页面任何一个元素都是对象，我们可以把一个元素理解为一个标签。

M：Model 模型--就是页面中这些元素是以什么样的形式构成的，可以是树亦可以是图等

在我们网页（document）中元素（标签）是层层嵌套的，最外面的就是<html></html>,这样层层嵌套形成模型想树的形状，我们就习惯叫树形，当然可想而知树只有一个根，这块更我们学习的数据结构导论那块又联系起来了，下面的就是子节点，这里的根节点就是Document或Window,相当于<html></html>的外围。

我们这里说DOM为什么要说选择器呢？

我们用JS对网页的所有操作都是必须通过DOM才能进行。

第一步：我们要找到要操作的对象，如何在网页中找到我们要的元素元素的呢？这不得不说我们的选择器了。

离开的选择器我们没法对网页进行操作。下面说说选择器吧。

我们平时用到的选择，影响最深的可能就是ID class name ,下面有幅思维导图

我为什么把Dom和选择器比作皮毛关系呢？个人理解DOM皮 ,选择器是毛。

0 0