HTML DOM 100實(shí)例

HTML DOM 實(shí)例

使用JavaScript訪問(wèn)和操作的HTML DOM對(duì)象的例子。

Document 對(duì)象

• 使用 document.write() 輸出文本
• 使用 document.write() 輸出 HTML
• 返回文檔中錨的數(shù)目
• 返回文檔中第一個(gè)錨的 innerHTML
• 返回文檔中表單的數(shù)目
• 返回文檔中第一個(gè)表單的名字
• 返回文檔中的圖像數(shù)
• 返回文檔中第一個(gè)圖像的ID
• 返回文檔中的鏈接數(shù)
• 返回文檔中的第一個(gè)鏈接的ID
• 返回文檔中的所有cookies的名稱/值對(duì)
• 返回加載的文檔的服務(wù)器域名
• 返回文檔的最后一次修改時(shí)間
• 返回加載的當(dāng)前文檔的URL
• 返回文檔的標(biāo)題
• 返回文檔的完整的URL
• 打開(kāi)輸出流，向流中輸入文本
• write() 和 writeln()的不同
• 用指定的ID彈出一個(gè)元素的innerHTML
• 用指定的Name彈出元素的數(shù)量
• 用指定的tagname彈出元素的數(shù)量


• 更多的Document 對(duì)象的例子，在我們的JavaScript  參考手冊(cè)。

Anchor 對(duì)象

• 返回和設(shè)置鏈接的charset屬性
• 返回和設(shè)置鏈接的href屬性
• 返回和設(shè)置鏈接的hreflang屬性
• 返回一個(gè)錨的名字
• 返回當(dāng)前的文件和鏈接的文檔之間的關(guān)系
• 改變鏈接的target屬性
• 返回一個(gè)鏈接的type屬性的值


• 更多的Anchor 對(duì)象的例子，在我們的JavaScript  參考手冊(cè)。

Area 對(duì)象

• 返回圖像映射某個(gè)區(qū)域的替代文字
• 返回圖像映射某個(gè)區(qū)域的坐標(biāo)
• 返回一個(gè)區(qū)域的href屬性的錨部分
• 返回的主機(jī)名：圖像映射的某個(gè)區(qū)域的端口
• 返回圖像映射的某個(gè)區(qū)域的hostname
• 返回圖像映射的某個(gè)區(qū)域的port
• 返回圖像映射的某個(gè)區(qū)域的href
• 返回圖像映射的某個(gè)區(qū)域的pathname
• 返回圖像映射的某個(gè)區(qū)域的protocol
• 返回一個(gè)區(qū)域的href屬性的querystring部分
• 返回圖像映射的某個(gè)區(qū)域的shape
• 返回圖像映射的某個(gè)區(qū)域的target的值


• 更多的Area 對(duì)象的例子，在我們的JavaScript 參考手冊(cè)。

Base 對(duì)象

• 返回頁(yè)面上所有相對(duì)URL的基URL
• 返回頁(yè)面上所有相對(duì)鏈接的基鏈接


• 更多的Base 對(duì)象對(duì)象的例子，在我們的JavaScript 參考手冊(cè)。

Button 對(duì)象

• 當(dāng)點(diǎn)擊完button不可用
• 返回一個(gè)button的name
• 返回一個(gè)button的type
• 返回一個(gè)button的value
• 返回一個(gè)button所屬表的ID


• 更多Button 對(duì)象實(shí)例在我們的JavaScript 參考手冊(cè)。

Form 對(duì)象

• 返回一個(gè)表單中所有元素的value
• 返回一個(gè)表單acceptCharset屬性的值
• 返回一個(gè)表單action屬性的值
• 返回表單中的enctype屬性的值
• 返回一個(gè)表單中元素的數(shù)量
• 返回發(fā)送表單數(shù)據(jù)的方法
• 返回一個(gè)表單的name
• 返回一個(gè)表單target屬性的值
• 重置表單
• 提交表單


• 更多Button 對(duì)象實(shí)例在我們的JavaScript 參考手冊(cè)。

Frame/IFrame 對(duì)象

• 對(duì)iframe排版
• 改變一個(gè)包含在iframe中的文檔的背景顏色
• 返回一個(gè)iframe中的frameborder屬性的值
• 刪除iframe的frameborder
• 改變iframe的高度和寬度
• 返回一個(gè)iframe中的longdesc屬性的值
• 返回一個(gè)iframe中的marginheight屬性的值
• 返回一個(gè)iframe中的marginwidth屬性的值
• 返回一個(gè)iframe中的name屬性的值
• 返回和設(shè)置一個(gè)iframe中的scrolling屬性的值
• 改變一個(gè)iframe的src


• 更多Frame/IFrame 對(duì)象實(shí)例在我們的JavaScript 參考手冊(cè)。

Image 對(duì)象

• 對(duì)image排版
• 返回image的替代文本
• 給image加上border
• 改變image的高度和寬度
• 設(shè)置image的hspace和vspace屬性
• 返回image的longdesc屬性的值
• 創(chuàng)建一個(gè)鏈接指向一個(gè)低分辨率的image
• 返回image的name
• 改變image的src
• 返回一個(gè)客戶端圖像映射的usemap的值


• 更多Image 對(duì)象實(shí)例在我們的JavaScript 參考手冊(cè)。

Event 對(duì)象

• 哪個(gè)鼠標(biāo)鍵被點(diǎn)擊了？
• 被按下的鍵盤(pán)鍵的keycode？
• 鼠標(biāo)的坐標(biāo)？
• 鼠標(biāo)相對(duì)于屏幕的坐標(biāo)？
• shift鍵被按下了嗎？
• 哪個(gè)元素被按下了？
• 哪個(gè)事件發(fā)生了？

Option 和 Select 對(duì)象

• 禁用和啟用下拉列表
• 獲得有下拉列表的表單的ID
• 獲得下拉列表的選項(xiàng)數(shù)量
• 將下拉列表變成多行列表
• 在下拉列表中選擇多個(gè)選項(xiàng)
• 彈出下拉列表中所有選項(xiàng)
• 彈出下拉列表中被選中的選項(xiàng)的索引
• 改變下拉列表中被選中的選項(xiàng)的文本
• 刪除下拉列表中的選項(xiàng)

Table, TableHeader, TableRow, TableData 對(duì)象

• 改變表格邊框的寬度
• 改變表格的cellpadding和cellspacing
• 指定表格的frame
• 為表格指定規(guī)則
• 一個(gè)行的innerHTML
• 一個(gè)單元格的innerHTML
• 為表格創(chuàng)建一個(gè)標(biāo)題
• 刪除表格中的行
• 添加表格中的行
• 添加表格行中的單元格
• 單元格內(nèi)容水平對(duì)齊
• 單元格內(nèi)容垂直對(duì)齊
• 對(duì)單個(gè)單元格的內(nèi)容水平對(duì)齊
• 對(duì)單個(gè)單元格的內(nèi)容垂直對(duì)齊
• 改變單元格的內(nèi)容
• 改變單元格橫跨的列數(shù)(colspan屬性)