JavaScript DOM

网站http://www.w3school.com.cn/htmldom/dom_intro.asp

什么是 DOM？

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

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

“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

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

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

注：DOM 是 Document Object Model（文档对象模型）的缩写。

当浏览器加载一个Web页面时，它会创建这个页面的模型。这个模型被称为DOM树，它会保存在浏览器的内存中。

这个模型主要由4个节点组成：

• 文档节点
• 元素节点
• 属性节点
• 文本节点                                                                                                                                                                                                                                                                                                                 

  属性节点是元素的一部分，通常在元素的开始标签。

  文本节点是元素的内部文本。

   

  通过对象模型，JavaScript获得了创建动态HTML所需的全部功能：

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