1. 程式人生 > >JAVA_DOM(文件物件模型)

JAVA_DOM(文件物件模型)

HTML DOM (文件物件模型)

當網頁被載入時,瀏覽器會建立頁面的文件物件模型(Document Object Model)。

HTML DOM 模型被構造為物件的樹。

HTML DOM 樹

DOM HTML 樹

通過可程式設計的物件模型,JavaScript 獲得了足夠的能力來建立動態的 HTML。

  • JavaScript 能夠改變頁面中的所有 HTML 元素
  • JavaScript 能夠改變頁面中的所有 HTML 屬性
  • JavaScript 能夠改變頁面中的所有 CSS 樣式
  • JavaScript 能夠對頁面中的所有事件做出反應

查詢 HTML 元素

通常,通過 JavaScript,您需要操作 HTML 元素。

為了做到這件事情,您必須首先找到該元素。有三種方法來做這件事:

  • 通過 id 找到 HTML 元素
  • 通過標籤名找到 HTML 元素
  • 通過類名找到 HTML 元素