HTML DOM 實例


使用JavaScript存取和操作的HTML DOM物件的範例。

Document 物件

  • 使用document.write() 輸出文字

  • 使用document.write() 輸出HTML

  • 傳回文件中錨的數目

  • 傳回文件中第一個錨的innerHTML

  • 返回文件中表單的數字

  • 傳回文件中第一個表單的名稱

  • 傳回文件中的圖片數

  • 傳回文件中第一個映像的ID

  • 傳回文件中的連結數

  • 傳回文件中的第一個連結的ID

  • 傳回文件中的所有cookies的名稱/值對

  • 傳回載入的文件的伺服器網域名稱

  • 傳回文件的最後一次修改時間

  • 傳回載入的目前文件的URL

  • 傳回文件的標題

  • 傳回文件的完整的URL

  • #開啟輸出流，向流中輸入文字

  • write() 和writeln()的不同

  • 用指定的ID彈出一個元素的innerHTML

  • #用指定的Name彈出元素的數量

  • 用指定的tagname彈出元素的數量


  • 更多的Document  物件的例子，在我們的JavaScript  參考手冊。

Anchor  物件

  • #返回和設定連結的charset屬性

  • ##回傳與設定連結的href屬性

  • 傳回和設定連結的hreflang屬性

  • #回傳一個錨的名字

    • ##傳回目前的檔案與連結的文件之間的關係

    • 改變連結的target屬性

    • 傳回一個連結的type屬性的值

    • 更多的Anchor 物件的例子，在我們的JavaScript  參考手冊。

    • Area  物件

    返回影像映射某個區域的替代文字

    • 返回影像映射某個區域的座標

    • 傳回一個區域的href屬性的錨點部分

    • 傳回的主機名稱：影像所對應的某個區域的連接埠

    • 傳回映像對應的某個區域的hostname

    • #傳回影像對應的某個區域的port

    • #傳回影像映射的某個區域的href

    • 傳回影像對應的某個區域的pathname

  • ##傳回影像映射的某個區域的protocol

  • 傳回一個區域的href屬性的querystring部分

  • 傳回影像對應的某個區域的shape

  • 傳回影像對應的某個區域的target的值

  • #更多的Area  物件的例子，在我們的JavaScript 參考手冊。

  • Base   物件

返回頁面上所有相對URL的基底URL

  • 返回頁面上所有相對連結的基底連結

  • 更多的Base  物件物件的例子，在我們的JavaScript 參考手冊。

Button  物件

  • 當點擊完button不可用

  • 回傳一個button的name

  • 回傳一個button的type

  • 傳回一個button的value

  • ##回傳一個button所屬表的ID

  • 更多Button  物件實例在我們的

    JavaScript 參考手冊。

Form   物件

  • 傳回一個表單中所有元素的value

    • ##返回一個表單acceptCharset屬性的值

    • 傳回一個表單action屬性的值

    • 傳回表單中的enctype屬性的值

    • #傳回一個表單中元素的數量

    • 傳回傳送表單資料的方法

    • 傳回一個表單的name

    • 傳回一個表單target屬性的值

    • #重設表單

    • 提交表單

    • 更多Button  物件實例在我們的
  • JavaScript 參考手冊。

    • Frame/IFrame  物件

    #對iframe排版

    • 改變一個包含在iframe中的文件的背景顏色

    • 傳回一個iframe中的frameborder屬性的值

  • ##刪除iframe的frameborder

  • 改變iframe的高度和寬度

  • 傳回一個iframe中的longdesc屬性的值

  • 傳回一個iframe中的marginheight屬性的值

  • 傳回一個iframe中的marginwidth屬性的值

  • 傳回一個iframe中的name屬性的值

  • 傳回並設定一個iframe中的scrolling屬性的值

  • #改變一個iframe的src

  • ##更多Frame/IFrame  物件實例在我們的

    JavaScript 參考手冊。

  • Image   物件

#對image排版

  • 傳回image的替代文字

  • 給image加上border

  • 改變image的高度和寬度

  • 設定image的hspace和vspace屬性

  • 傳回image的longdesc屬性的值

  • 建立一個連結指向一個低解析度的image

  • 傳回image的name

  • 改變image的src

  • 傳回一個客戶端映像映射的usemap的值

  • 更多Image  物件實例在我們的

    JavaScript 參考手冊。

  • Event   物件

哪個滑鼠鍵被點擊了？

  • 被按下的鍵盤鍵的keycode？

  • 滑鼠的座標？

  • 滑鼠相對於螢幕的座標？

  • shift鍵被按下了嗎？

  • 哪個元素被按下了？

  • 哪個事件發生了？

Option 和Select  物件

  • #停用和啟用下拉清單

  • 獲得有下拉清單的表單的ID

  • 獲得下拉清單的選項數量

  • #將下拉清單變成多行清單

  • #在下拉清單中選擇多個選項

  • 彈出下拉清單中所有選項

  • 彈出下拉清單中被選取的選項的索引

  • 改變下拉清單中被選取的選項的文字

  • #刪除下拉清單中的選項

Table, TableHeader, TableRow, TableData  物件

  • 改變表格邊框的寬度

  • 改變表格的cellpadding和cellspacing

  • #指定表格的frame

  • 為表格指定規則

  • #一個行的innerHTML

  • 一個單元格的innerHTML

  • 為表格建立一個標題

  • 刪除表格中的行

  • 新增表格中的行

  • 新增表格行中的儲存格

  • 儲存格內容等級對齊

  • 單元格內容垂直對齊

  • 對單一單元格的內容水平對齊

  • 對單一單元格的內容垂直對齊

  • 改變單元格的內容

  • #改變單元格橫跨的列數(colspan屬性)