JavaScript HTML DOM 物件

風靈使發表於2018-11-25

除了內建的 JavaScript 物件以外,你還可以使用 JavaScript 訪問並處理所有的 HTML DOM 物件。

更多 JavaScript 物件

點選以下連結,可以獲得以下物件的更多資訊,包括它們的集合、屬性、方法以及事件。

物件 描述
Window JavaScript 層級中的頂層物件。Window 物件表示瀏覽器視窗。每當 <body> 或者 標籤出現,Window 物件就會被自動建立。
Navigator 包含客戶端瀏覽器的資訊。
Screen 包含客戶端螢幕的資訊。
History 包含了瀏覽器視窗訪問過的 URL。
Location 包含了當前URL的資訊。

HTML DOM

HTML DOM 是 W3C 標準(是 HTML 文件物件模型的英文縮寫,Document Object Model for HTML)。

HTML DOM 定義了用於 HTML 的一系列標準的物件,以及訪問和處理 HTML 文件的標準方法。

通過 DOM,可以訪問所有的 HTML 元素,連同它們所包含的文字和屬性。可以對其中的內容進行修改和刪除,同時也可以建立新的元素。

HTML DOM 獨立於平臺和程式語言。它可被任何程式語言諸如 JavaJavaScriptVBScript 使用。

點選下面的連結,可獲得更多關於如何使用 JavaScript 來訪問和處理 DOM 物件的知識:

物件 描述
Document 代表整個 HTML 文件,用來訪問頁面中的所有元素。
Anchor 代表 <a> 元素。
Area 代表影象地圖中的 <area> 元素。
Base 代表 <base> 元素。
Body 代表影象地圖中的 <body> 元素。
Button 代表 <button> 元素。
Event 代表事件的狀態
Form 代表 <form> 元素
Frame 代表 <frame> 元素
Frameset 代表 <frameset> 元素
Iframe 代表 <iframe> 元素
Image 代表 <img> 元素
Input button 代表 HTML 表單中的按鈕
Input checkbox 代表 HTML 表單中的選擇框
Input file 代表 HTML 表單中的 fileupload 。
Input hidden 代表 HTML 表單中的隱藏域。
Input password 代表 HTML 表單中的密碼域。
Input radio 代表 HTML 表單中的單選框。
Input reset 代表 HTML 表單中的重置按鈕。
Input submit 代表 HTML 表單中的確認按鈕。
Input text 代表 HTML 表單中的文字輸入域。
Link 代表 <link> 元素
Meta 代表 <meta> 元素
Object 代表一個 <Object> 元素
Option 代表 <option> 元素
Select 代表 HTML 表單中的選擇列表。
Style 代表某個單獨的樣式宣告。
Table 代表 <table> 元素。
TableData 代表 <td> 元素。
TableRow 代表 <tr> 元素。
Textarea 代表 <textarea> 元素。

相關文章