JavaWeb学习总结8.10

《JS HTML DOM学习》

HTML DOM（文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被结构化为对象树：

对象的 HTML DOM 树

通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：

• JavaScript 能改变页面中的所有 HTML 元素
• JavaScript 能改变页面中的所有 HTML 属性
• JavaScript能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性
• JavaScript 能添加新的 HTML元素和属性
• JavaScript 能对页面中所有已有的 HTML 事件作出反应
• JavaScript 能在页面中创建新的 HTML 事件
  
  
  
  

什么是 DOM？

DOM 是一项 W3C (World Wide Web Consortium) 标准。

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

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

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

什么是 HTML DOM？

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

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

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

这是昨天了解到的HTML DOM简介，今天我将这节内容过了一遍大概是这些：

这些小节让我了解到了如下内容：

HTML DOM 方法是您能够（在 HTML 元素上）执行的动作。

HTML DOM 属性是您能够设置或改变的 HTML 元素的值

HTML DOM 文档对象是您的网页中所有其他对象的拥有者。

HTML DOM 允许 JavaScript 改变 HTML 元素的内容。

HTML DOM 允许 JavaScript 更改 HTML 元素的样式。

HTML DOM 允许 JavaScript 改变 HTML 元素的内容。

今天还了解了下XML

什么是 XML?

• XML 指可扩展标记语言（EXtensible Markup Language）
• XML 是一种标记语言，很类似 HTML
• XML 的设计宗旨是传输数据，而非显示数据
• XML 标签没有被预定义。您需要自行定义标签
• XML 被设计为具有自我描述性
• XML 是 W3C 的推荐标准