js基础_DOM简介
什么是DOM
DOM,全称是Document Object Model ,文档对象模型。
JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。
文档
—-表示的是整个HTML网页文档
对象
—-对象表示将网页中的每一个部分都转换为了一个对象。
模型
—-使用模型来表示对象之间的关系,这样方便我们获取对象。
节点
节点Node,是构造我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点。节点也是对象。
比如:html标签、属性、文本、注释、整个文档等都是一个节点。
虽然都是节点,但是实际上他们的具体类型是不同的。
比如:标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点。节点的类型不同,属性和方法也都不同。
节点:Node——构造HTML文档最基本的单位。
常用节点(对象)分为4类:
—-文档节点(对象):整个HTML文档。
—-元素节点(对象):HTML文档中的HTML标签。
—-属性节点(对象):元素的属性。如果要读取一个节点的属性,直接使用 元素.属性名
—-文本节点(对象):HTML标签中的文本内容。
比如:
节点的属性:
文档节点
浏览器已经为我们提供了文档节点对象,这个对象是Window的属性。
可以在页面中直接使用,文档节点(document)代表的是整个网页。
比如: