通过 HTML DOM,JavaScript 可以访问和更改 HTML 的所有元素 文档。
加载网页时,浏览器会创建一个文档 页面的O对象模型模型。
HTML DOM 模型被构造为对象树:
借助对象模型,JavaScript 获得了创建对象所需的全部能力 动态 HTML:
JavaScript 可以改变页面中的所有 HTML 元素
JavaScript 可以改变页面中所有的 HTML 属性
JavaScript可以改变页面中所有的CSS样式
JavaScript 可以删除现有的 HTML 元素和属性
JavaScript 可以添加新的 HTML 元素和属性
JavaScript 可以对页面中所有现有的 HTML 事件做出反应
JavaScript 可以在页面中创建新的 HTML 事件
在本教程的后续章节中,您将学习:
如何更改 HTML 元素的内容
如何更改 HTML 元素的样式 (CSS)
如何响应 HTML DOM 事件
如何添加和删除 HTML 元素
DOM 是 W3C(万维网联盟)标准。
DOM 定义了访问文档的标准:
“W3C 文档对象模型 (DOM) 是一个平台和语言中立的 允许程序和脚本动态访问和更新的接口 文档的内容、结构和风格。”
W3C DOM 标准分为 3 个不同的部分:
Core DOM - 所有文档类型的标准模型
XML DOM - XML 文档的标准模型
HTML DOM - HTML 文档的标准模型
HTML DOM 是一个标准的对象模型,并且 HTML 编程接口。它定义:
HTML 元素作为 对象
所有 HTML 元素的属性
访问所有 HTML 元素的方法
所有 HTML 元素的事件
换句话说: HTML DOM 是如何获取、更改、添加或删除 HTML 元素的标准。