document、element、Node和Event 傻傻分不清粗

发布时间 2023-10-10 10:01:54作者: vx_guanchaoguo0

document对象:

  • document对象代表整个HTML文档(或XML文档)。
  • document 是 DOM API的入口点,提供了对文档内容的访问与操作。
  • 可以获取、创建、修改和删除文档中的元素、文本内容、样式等。
element对象:
  • element对象代表文档中的一个元素节点。例如,

    等都是元素节点。

  • element对象继承自Node,拥有更具体的属性和方法。
  • 可以通过document.createElement(tagName)来创建一个新的元素节点。
Node对象:
  • Node对象代表DOM树中的一个节点,可以是元素节点、文本节点、注释节点等。
  • 是DOM API中最基本的对象类型,定义了通用的节点属性和方法。
  • 一些常见的Node属性包括nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)等。

Event对象:

  • 对象代表事件,比如鼠标点击、键盘输入、表单提交等。
  • 当事件在页面中被触发时,浏览器会创建一个Event对象,并传递给事件处理函数。
  • Event对象包含了与事件相关的属性和方法,可以用来获取事件的类型、目标元素、坐标位置等信息。