JavaScript HTML DOM 例項

使用內建 JavaScript 的物件例項。

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屬性的值
  • 重置表單
  • 提交表單

  • 更多 Form 物件例項在我們的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
  • 為表格建立一個標題
  • 刪除表格中的行
  • 新增表格中的行
  • 新增表格行中的單元格
  • 單元格內容水平對齊
  • 單元格內容垂直對齊
  • 對單個單元格的內容水平對齊
  • 對單個單元格的內容垂直對齊
  • 改變單元格的內容
  • 改變行的內容