JavaScript HTML DOM

Przez HTML DOM, JavaScript może uzyskać dostęp i zmieniać wszystkie elementy dokumentu HTML.

HTML DOM (model dokumentu obiektowego)

Gdy strona jest ładowana, przeglądarka tworzy model dokumentu obiektowego strony (Document Object Model).

HTML DOM Model jest zorganizowany jakoDrzewo obiektów:

Drzewo obiektów HTML DOM

Drzewo HTML DOM

Poprzez ten model obiektowy, JavaScript uzyskuje wszystkie możliwości tworzenia dynamicznego HTML:

  • JavaScript może zmieniać wszystkie elementy HTML na stronie
  • JavaScript może zmieniać wszystkie atrybuty HTML na stronie
  • JavaScript może zmieniać wszystkie style CSS na stronie
  • JavaScript może usuwać istniejące elementy i atrybuty HTML
  • JavaScript może dodawać nowe elementy i atrybuty HTML
  • JavaScript może reagować na wszystkie istniejące zdarzenia HTML na stronie
  • JavaScript może tworzyć nowe zdarzenia HTML na stronie

Czego się nauczysz

W następujących rozdziałach tego przewodnika nauczysz się:

  • Jak zmienić treść elementu HTML
  • 如何改变 HTML 元素的样式（CSS）
  • 如何对 HTML DOM 事件作出反应
  • 如何添加和删除 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 元素的事件

Innymi słowy: HTML DOM to standard dotyczący uzyskiwania, modyfikowania, dodawania lub usuwania elementów HTML。