DOM(document object model)文档对象模型

js中通过dom来对HTML文档进行操作。只要理解了DOM就可以随心所欲操作web网页

-文档

  • 文档表示的就是整个HTML页面、

    对象

    • 对象表示将网页中的每一部分转换成对象

      模型

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

    节点

    • 节点node,是构成我们网页的最基本的组成部分,

    网页中每一个部分都可以称为是一个节点

    • 比如:html标签,属性,文本,注释,整个文档等

    都是一个节点

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

    • 比如:标签我们称之为元素节点,属性称为属性节点,

      文本称为文本节点,文档称为文档节点

      • 节点的类型不同,属性和方法也都不尽相同

节点:Node—构成HTML文档最基本的单元

常用节点分为四类

​ --文档节点:整个HTML文档

​ --元素节点:HTML文档中的HTML标签

​ --属性节点:元素的属性

​ --文本节点:HTML标签中的文本内容

JS中的DOM

节点的属性:

JS中的DOM

浏览器已经为我们提供了文档节点对象这个对象是window属性

​ 可以在页面中直接使用,文档节点代表的是整个网页

事件

  • 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。

  • javaScript与HTML之间的交互是通过事件实现的

  • 对于web应用来说,有下面这些代表性的事件:

    点击某个元素,将鼠标移动至某个元素上方,按下键盘的某个键。等等

相关文章:

  • 2022-12-23
  • 2021-11-17
  • 2022-03-07
  • 2021-09-06
  • 2022-12-23
  • 2022-01-21
猜你喜欢
  • 2022-01-07
  • 2021-12-14
  • 2021-04-17
  • 2021-09-01
  • 2022-01-05
  • 2021-11-25
相关资源
相似解决方案