js基础_DOM简介


什么是DOM

DOM,全称是Document Object Model ,文档对象模型。
JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。

文档

—-表示的是整个HTML网页文档

对象

—-对象表示将网页中的每一个部分都转换为了一个对象。

模型

—-使用模型来表示对象之间的关系,这样方便我们获取对象。
image


节点

节点Node,是构造我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点。节点也是对象。

比如:html标签、属性、文本、注释、整个文档等都是一个节点。

虽然都是节点,但是实际上他们的具体类型是不同的。

比如:标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点。节点的类型不同,属性和方法也都不同。

节点:Node——构造HTML文档最基本的单位。

常用节点(对象)分为4类:

—-文档节点(对象):整个HTML文档。

image

—-元素节点(对象):HTML文档中的HTML标签。

image

—-属性节点(对象):元素的属性。如果要读取一个节点的属性,直接使用 元素.属性名

image

—-文本节点(对象):HTML标签中的文本内容。

image

比如:

image

节点的属性:

image

文档节点

浏览器已经为我们提供了文档节点对象,这个对象是Window的属性。
可以在页面中直接使用,文档节点(document)代表的是整个网页。

比如:



相关