HTML DOM学习笔记(附思维导图)

1.什么是 DOM?

  • DOM 是 W3C(万维网联盟)的标准。
  • DOM 定义了访问 HTML 和 XML 文档的标准:
  • “W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

W3C DOM 标准被分为 3 个不同的部分:

  • 核心 DOM - 针对任何结构化文档的标准模型

  • XML DOM - 针对 XML 文档的标准模型

  • HTML DOM - 针对 HTML 文档的标准模型

注:DOM 是 Document Object Model(文档对象模型)的缩写。

2.什么是 HTML DOM?

HTML DOM 是:

  • HTML 的标准对象模型
  • HTML 的标准编程接口
  • W3C 标准

  HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。 换言之,HTML DOM 是关于如何获取、修改、添加或删除HTML 元素的标准。

HTML DOM学习笔记(附思维导图)_第1张图片

3.HTML DOM有什么作用?

  通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。
  换句话说,通过可编程的文档对象模型,JavaScript获得足够的能力去创建动态的HTML。比如:JavaScript可以改变页面的所有html元素和属性、所有css样式、事件做出反应。
DOM 节点
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点
    HTML DOM学习笔记(附思维导图)_第2张图片

HTML DOM学习笔记(附思维导图)_第3张图片

你可能感兴趣的:(javascript,html)