当前位置:首页>JavaScript>HTML DOM>DOM 教程

DOM 教程

作者:微学网发布时间:2019-08-10 20:40:40

什么是DOM

DOM是W3C(万维网联盟)标准。

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

“W3C文档对象模型(DOM)是一个平台和语言中立的接口,允许程序和脚本动态访问和更新文档的内容,结构和样式。”

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

  • 核心DOM - 所有文档类型的标准模型

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

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

DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。

HTML DOM 定义了访问和操作 HTML 文档的标准方法。

DOM 以树结构表达 HTML 文档。

什么是HTML DOM

HTML DOM是HTML的标准对象模型和 编程接口。它定义了:

  • HTML元素作为对象

  • 所有HTML元素 的属性

  • 访问所有HTML元素的方法

  • 所有HTML元素的事件

  • 换句话说:HTML DOM是如何获取,更改,添加或删除HTML元素的标准。

HTML DOM 树形结构

HTML DOM对象树

使用对象模型,JavaScript可以获得创建动态HTML所需的全部功能:

  • JavaScript可以更改页面中的所有HTML元素

  • JavaScript可以更改页面中的所有HTML属性

  • JavaScript可以更改页面中的所有CSS样式

  • JavaScript可以删除现有的HTML元素和属性

  • JavaScript可以添加新的HTML元素和属性

  • JavaScript可以对页面中的所有现有HTML事件做出反应

  • JavaScript可以在页面中创建新的HTML事件

学习目标

  • 如何更改HTML元素的内容

  • 如何更改HTML元素的样式(CSS)

  • 如何对HTML DOM事件做出反应

  • 如何添加和删除HTML元素