HTML DOM 100實(shí)例
2018-02-01 15:04 更新
HTML DOM 實(shí)例
使用JavaScript訪問和操作的HTML DOM對象的例子。
Document 對象
- 使用 document.write() 輸出文本
- 使用 document.write() 輸出 HTML
- 返回文檔中錨的數(shù)目
- 返回文檔中第一個(gè)錨的 innerHTML
- 返回文檔中表單的數(shù)目
- 返回文檔中第一個(gè)表單的名字
- 返回文檔中的圖像數(shù)
- 返回文檔中第一個(gè)圖像的ID
- 返回文檔中的鏈接數(shù)
- 返回文檔中的第一個(gè)鏈接的ID
- 返回文檔中的所有cookies的名稱/值對
- 返回加載的文檔的服務(wù)器域名
- 返回文檔的最后一次修改時(shí)間
- 返回加載的當(dāng)前文檔的URL
- 返回文檔的標(biāo)題
- 返回文檔的完整的URL
- 打開輸出流，向流中輸入文本
- write() 和 writeln()的不同
- 用指定的ID彈出一個(gè)元素的innerHTML
- 用指定的Name彈出元素的數(shù)量
- 用指定的tagname彈出元素的數(shù)量
- 更多的Document 對象的例子，在我們的JavaScript 參考手冊。
Anchor 對象
- 返回和設(shè)置鏈接的charset屬性
- 返回和設(shè)置鏈接的href屬性
- 返回和設(shè)置鏈接的hreflang屬性
- 返回一個(gè)錨的名字
- 返回當(dāng)前的文件和鏈接的文檔之間的關(guān)系
- 改變鏈接的target屬性
- 返回一個(gè)鏈接的type屬性的值
- 更多的Anchor 對象的例子，在我們的JavaScript 參考手冊。
Area 對象
- 返回圖像映射某個(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 對象的例子，在我們的JavaScript 參考手冊。
Base 對象
- 返回頁面上所有相對URL的基URL
- 返回頁面上所有相對鏈接的基鏈接
- 更多的Base 對象對象的例子，在我們的JavaScript 參考手冊。
Button 對象
- 當(dāng)點(diǎn)擊完button不可用
- 返回一個(gè)button的name
- 返回一個(gè)button的type
- 返回一個(gè)button的value
- 返回一個(gè)button所屬表的ID
- 更多Button 對象實(shí)例在我們的JavaScript 參考手冊。
Form 對象
- 返回一個(gè)表單中所有元素的value
- 返回一個(gè)表單acceptCharset屬性的值
- 返回一個(gè)表單action屬性的值
- 返回表單中的enctype屬性的值
- 返回一個(gè)表單中元素的數(shù)量
- 返回發(fā)送表單數(shù)據(jù)的方法
- 返回一個(gè)表單的name
- 返回一個(gè)表單target屬性的值
- 重置表單
- 提交表單
- 更多Button 對象實(shí)例在我們的JavaScript 參考手冊。
Frame/IFrame 對象
- 對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 對象實(shí)例在我們的JavaScript 參考手冊。
Image 對象
- 對image排版
- 返回image的替代文本
- 給image加上border
- 改變image的高度和寬度
- 設(shè)置image的hspace和vspace屬性
- 返回image的longdesc屬性的值
- 創(chuàng)建一個(gè)鏈接指向一個(gè)低分辨率的image
- 返回image的name
- 改變image的src
- 返回一個(gè)客戶端圖像映射的usemap的值
- 更多Image 對象實(shí)例在我們的JavaScript 參考手冊。
Event 對象
- 哪個(gè)鼠標(biāo)鍵被點(diǎn)擊了？
- 被按下的鍵盤鍵的keycode？
- 鼠標(biāo)的坐標(biāo)？
- 鼠標(biāo)相對于屏幕的坐標(biāo)？
- shift鍵被按下了嗎？
- 哪個(gè)元素被按下了？
- 哪個(gè)事件發(fā)生了？
Option 和 Select 對象
- 禁用和啟用下拉列表
- 獲得有下拉列表的表單的ID
- 獲得下拉列表的選項(xiàng)數(shù)量
- 將下拉列表變成多行列表
- 在下拉列表中選擇多個(gè)選項(xiàng)
- 彈出下拉列表中所有選項(xiàng)
- 彈出下拉列表中被選中的選項(xiàng)的索引
- 改變下拉列表中被選中的選項(xiàng)的文本
- 刪除下拉列表中的選項(xiàng)
Table, TableHeader, TableRow, TableData 對象
以上內(nèi)容是否對您有幫助：
更多建議：