JavaScript HTML DOM 简介

使用HTML DOM，JavaScript可以访问和更改HTML文档的所有元素。

HTML DOM（文档对象模型）

当加载网页时，浏览器会创建一个D文件氧对象中号页面的模型。

这个HTML 文档对象模型模型被构建为一棵树对象：

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？

DOM 是 W3C（万维网联盟）标准。

DOM 定义了访问文档的标准：

"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

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

• Core DOM - 所有文档类型的标准模型
• XML DOM - XML 文档的标准模型
• HTML DOM - HTML 文档的标准模型

什么是 HTML DOM？

HTML DOM 是一个标准对象模型和编程接口对于 HTML。它定义：

• HTML 元素为物体
• 这个特性所有 HTML 元素
• 这个方法访问所有 HTML 元素
• 这个事件对于所有 HTML 元素

换句话说：HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。