DOM(document object model)文档对象模型
js中通过dom来对HTML文档进行操作。只要理解了DOM就可以随心所欲操作web网页
-文档
-
文档表示的就是整个HTML页面、
对象
-
对象表示将网页中的每一部分转换成对象
模型
- 使用模型来表示对象之间的关系,这样方便我们获取对象
节点
- 节点node,是构成我们网页的最基本的组成部分,
网页中每一个部分都可以称为是一个节点
- 比如:html标签,属性,文本,注释,整个文档等
都是一个节点
-
虽然都是节点,但是实际上他们的具体类型是不同的
-
比如:标签我们称之为元素节点,属性称为属性节点,
文本称为文本节点,文档称为文档节点
- 节点的类型不同,属性和方法也都不尽相同
-
节点:Node—构成HTML文档最基本的单元
常用节点分为四类
--文档节点:整个HTML文档
--元素节点:HTML文档中的HTML标签
--属性节点:元素的属性
--文本节点:HTML标签中的文本内容
节点的属性:
浏览器已经为我们提供了文档节点对象这个对象是window属性
可以在页面中直接使用,文档节点代表的是整个网页
事件
-
事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。
-
javaScript与HTML之间的交互是通过事件实现的
-
对于web应用来说,有下面这些代表性的事件:
点击某个元素,将鼠标移动至某个元素上方,按下键盘的某个键。等等