JavaScript HTML DOM文檔

在HTML DOM文檔對象是在網頁中所有其他對象的所有者。

在HTML DOM文檔對象

文檔對象代表你的網頁。

如果您要訪問的任何元素在HTML頁面中，你總是用訪問文檔對象開始。

下面是如何使用文檔對象訪問和操作HTML一些例子。

方法	描述
document.getElementById( id )	查找元素ID的元素
document.getElementsByTagName( name )	查找標記名稱的元素
document.getElementsByClassName( name )	查找類名的元素

方法	描述
element .innerHTML = new html content	改變元素的內部HTML
element . attribute = new value	更改HTML元素的屬性值
element .setAttribute (attribute, value)	更改HTML元素的屬性值
element .style. property = new style	更改HTML元素的樣式

方法	描述
document.createElement( element )	創建一個HTML元素
document.removeChild( element )	刪除HTML元素
document.appendChild( element )	添加HTML元素
document.replaceChild( element )	替換HTML元素
document.write( text )	寫入到HTML輸出流

方法	描述
document.getElementById( id ).onclick = function(){ code }	添加事件處理程序代碼到onclick事件

第一個HTML DOM 1級（1998），界定11 HTML對象，對象集合和屬性。這些仍然在HTML5有效。

後來，在HTML DOM 3級，分別加入更多的對象，集合和屬性。

屬性	描述	DOM
document.anchors	返回所有<a>具有name屬性的元素	1
document.applets	返回所有<applet> 元素（HTML5已過時）	1
document.baseURI	返回文檔的絕對基準URI	3
document.body	返回<body>元素	1
document.cookie	返回文檔的cookie	1
document.doctype	返回文檔的DOCTYPE	3
document.documentElement	返回<html>元素	3
document.documentMode	返回由瀏覽器使用的模式	3
document.documentURI	返回文檔的URI	3
document.domain	返回文檔服務器的域名	1
document.domConfig	已過時。返回DOM配置	3
document.embeds	返回所有<embed>元素	3
document.forms	返回所有<form>元素	1
document.head	返回<head>元素	3
document.images	返回所有<img>元素	1
document.implementation	返回DOM實現	3
document.inputEncoding	返回文檔的編碼（字符集）	3
document.lastModified	返回的日期和時間的文件被更新	3
document.links	返回所有<area>和<a>元素具有href屬性	1
document.readyState	返回文檔的（裝載）狀態	3
document.referrer	返回引用的URI（鏈接的文件）	1
document.scripts	返回所有<script>元素	3
document.strictErrorChecking	如果返回錯誤檢查強制執行	3
document.title	返回<title>元素	1
document.URL	返回文檔的完整URL	1