JavaScript菜鳥教程

JavaScript 對象

JavaScript 函數(shù)

JS HTML DOM

JS 瀏覽器BOM

AJAX 菜鳥教程

JavaScript 參考手冊

JS HTML DOM(文檔對象模型)

文檔對象模型，通常被稱為DOM，是使網(wǎng)站交互的一個重要部分。

文檔對象模型表示被顯示在一個窗口中的HTML文檔。

它是一個接口，允許JavaScript處理網(wǎng)站的內(nèi)容，結(jié)構(gòu)和樣式。

HTML DOM（文檔對象模型）

加載網(wǎng)頁后，瀏覽器將創(chuàng)建該頁面的文檔對象模型。

HTML DOM模型構(gòu)造的樹對象。

下面的示例解釋什么是DOM：

  <html>
  <head>
  <title>Example</title>
  </head>  
  <h1>Example Page</h1>
  <p>This is an example page</p>
  </html>

以上代碼的DOM表示如下：

HTML DOM

HTML DOM是HTML的標準對象模型和編程接口。它定義：

  • HTML元素作為對象

  • 所有HTML元素的屬性

  • 訪問所有HTML元素的方法

  • 所有HTML元素的事件

換句話說：HTML DOM是如何獲取，更改，添加或刪除HTML元素的標準。

DOM和JavaScript

通過對象模型，JavaScript獲得了創(chuàng)建動態(tài)HTML所需的全部功能：

  • JavaScript可以更改頁面中的所有HTML元素

  • JavaScript可以更改頁面中的所有HTML屬性

  • JavaScript可以更改頁面中的所有CSS樣式

  • JavaScript可以刪除現(xiàn)有的HTML元素和屬性

  • JavaScript可以添加新的HTML元素和屬性

  • JavaScript可以對頁面中所有現(xiàn)有的HTML事件做出反應

  • JavaScript可以在頁面中創(chuàng)建新的HTML事件

您將學到什么

在本教程的下一章中，您將學習：

  • 如何找到HTML元素

  • 如何更改HTML元素的內(nèi)容

  • 如何添加和刪除HTML元素

  • 如何更改HTML元素的樣式（CSS）

  • 如何添加和刪除HTML屬性

  • 如何瀏覽DOM樹

丰满人妻一级特黄a大片，午夜无码免费福利一级，欧美亚洲精品在线，国产婷婷成人久久Av免费高清