JavaScript HTML DOM简介

• 

  JavaScript HTML DOM

  使用HTML DOM（文档对象模型Document Object Model），JavaScript可以访问和更改HTML文档的所有元素。

  HTML DOM对象树示意图:

  

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

  • JavaScript可以更改页面中的所有HTML元素
  • JavaScript可以更改页面中的所有HTML属性
  • JavaScript可以更改页面中的所有CSS样式
  • JavaScript可以删除现有的HTML元素和属性
  • JavaScript可以添加新的HTML元素和属性
  • JavaScript可以对页面中的所有现有HTML事件做出反应
  • JavaScript可以在页面中创建新的HTML事件
• 

  什么是DOM？

  DOM是W3C（万维网联盟）标准。DOM定义了访问文档的标准：“W3C文档对象模型（DOM）是一个平台和语言中立的接口，允许程序和脚本动态访问和更新文档的内容，结构和样式。”，W3C DOM标准分为3个不同的部分：

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

  什么是HTML DOM？

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

  • HTML元素作为对象
  • 所有HTML元素的属性
  • 访问所有HTML元素的方法
  • 所有HTML元素的事件

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