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屬性的值
  • #重設表單
  • 提交表單
  • 更多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 and Select  物件

  • 停用與啟用下拉清單

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

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

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

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

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

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

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

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

#Table, TableHeader, TableRow, TableData  物件

  • 改變表格邊框的寬度

  • ##改變表格的cellpadding和cellspacing

  • #指定表格的frame

  • 為表格指定規則

  • 一個行的innerHTML

  • 一個單元格的innerHTML

  • 為表格建立一個標題

  • 刪除表格中的行

  • 新增表格中的行

  • 新增表格行中的儲存格

  • 儲存格內容等級對齊

  • 單元格內容垂直對齊

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

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

  • 改變單元格的內容

  • #改變行的內容