JS DOM 框架内容

DOM (Document Object Model) ,即为文档对象模型,是 HTML 和 XML 文档的应用程序接口(API)。

  • HTML DOM 定义了访问和操作 HTML 文档的标准方法,提供了文档中独立元素的结构化和面向对象的表示方法,并允许通过对象的属性和方法访问这些对象,或者通过DOM对象去修改元素的内容以及属性的数值,从而创建动态的文档内容。

DOM 以树结构表达 HTML 文档:当网页被加载时,浏览器会创建页面的DOM。它把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树),因此在 HTML DOM 中,所有事物都是节点(DOM 是被视为节点树的 HTML)。
节点树-树形结构
DOM 的分层结构

  • 整个文档是一个文档节点
  • 每个 HTML 元素(标签)是元素节点,因此又叫做标签节点
  • HTML 元素标签节点内(包含在标签节点内)的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释属于注释节点。
  • 节点树的层级关系,父(parent)、子(child)、兄弟同级(sibling)节点。
  • 在节点树中,顶端节点被称为根(root),每个节点都有父节点、除了根(它没有父节点),一个节点可拥有任意数量的子节点,同级节点是拥有相同父节点的节点。

DOM的编程语言

  • 可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。

DOM的编程对象

  • 所有 HTML 元素被定义为对象,而编程接口则是对象方法对象属性

DOM的编程接口

  • 编程接口(方法):是能够执行的动作(比如添加或修改元素)。
  • 标称接口(属性):是能够获取或设置的值(比如节点的名称或内容)。

猜你喜欢

转载自blog.csdn.net/qq_43662261/article/details/85067089
今日推荐