javascript中window.document的屬性、方法和事件的總結(jié)，有需要的朋友可參考一下本文章。

屬性:

Attributes 存儲節(jié)點的屬性列表(只讀)
childNodes 存儲節(jié)點的子節(jié)點列表(只讀)
dataType 返回此節(jié)點的數(shù)據(jù)類型
Definition 以DTD或XML模式給出的節(jié)點的定義(只讀)
Doctype 指定文檔類型節(jié)點(只讀)
documentElement 返回文檔的根元素(可讀寫)
firstChild 返回當前節(jié)點的第一個子節(jié)點(只讀)
Implementation 返回XMLDOMImplementation對象
lastChild 返回當前節(jié)點最后一個子節(jié)點(只讀)
nextSibling 返回當前節(jié)點的下一個兄弟節(jié)點(只讀)
nodeName 返回節(jié)點的名字(只讀)
nodeType 返回節(jié)點的類型(只讀)
nodeTypedValue 存儲節(jié)點值(可讀寫)
nodeValue 返回節(jié)點的文本(可讀寫)
ownerDocument 返回包含此節(jié)點的根文檔(只讀)
parentNode 返回父節(jié)點(只讀)
Parsed 返回此節(jié)點及其子節(jié)點是否已經(jīng)被解析(只讀)
Prefix 返回名稱空間前綴(只讀)
preserveWhiteSpace 指定是否保留空白(可讀寫)
previousSibling 返回此節(jié)點的前一個兄弟節(jié)點(只讀)
Text 返回此節(jié)點及其后代的文本內(nèi)容(可讀寫)
url 返回最近載入的XML文檔的URL(只讀)
Xml 返回節(jié)點及其后代的XML表示(只讀)

方法:

appendChild 為當前節(jié)點添加一個新的子節(jié)點,放在最后的子節(jié)點后
cloneNode 返回當前節(jié)點的拷貝
createAttribute 創(chuàng)建新的屬性
createCDATASection 創(chuàng)建包括給定數(shù)據(jù)的CDATA段
createComment 創(chuàng)建一個注釋節(jié)點
createDocumentFragment 創(chuàng)建DocumentFragment對象
createElement 創(chuàng)建一個元素節(jié)點
createEntityReference 創(chuàng)建EntityReference對象
createNode 創(chuàng)建給定類型,名字和命名空間的節(jié)點
createPorcessingInstruction 創(chuàng)建操作指令節(jié)點
createTextNode 創(chuàng)建包括給定數(shù)據(jù)的文本節(jié)點
getElementsByTagName 返回指定名字的元素集合
hasChildNodes 返回當前節(jié)點是否有子節(jié)點
insertBefore 在指定節(jié)點前插入子節(jié)點
Load 導入指定位置的XML文檔
loadXML 導入指定字符串的XML文檔
removeChild 從子結(jié)點列表中刪除指定的子節(jié)點
replaceChild 從子節(jié)點列表中替換指定的子節(jié)點
Save 把XML文件存到指定節(jié)點
selectNodes 對節(jié)點進行指定的匹配,并返回匹配節(jié)點列表
selectSingleNode 對節(jié)點進行指定的匹配,并返回第一個匹配節(jié)點
transformNode 使用指定的樣式表對節(jié)點及其后代進行轉(zhuǎn)換
transformNodeToObject 使用指定的樣式表將節(jié)點及其后代轉(zhuǎn)換為對象

body-主體子對象

document.body //指定文檔主體的開始和結(jié)束等價于body>/body>
document.body.bgColor //設置或獲取對象后面的背景顏色
document.body.link //未點擊過的鏈接顏色
document.body.alink //激活鏈接(焦點在此鏈接上)的顏色
document.body.vlink //已點擊過的鏈接顏色
document.body.text //文本色
document.body.innerText //設置body>…/body>之間的文本
document.body.innerHTML //設置body>…/body>之間的HTML代碼
document.body.topMargin //頁面上邊距
document.body.leftMargin //頁面左邊距
document.body.rightMargin //頁面右邊距
document.body.bottomMargin //頁面下邊距
document.body.background //背景圖片

document.body.appendChild(oTag) //動態(tài)生成一個HTML對象

常用對象事件

document.body.onclick=”func()” //鼠標指針單擊對象是觸發(fā)
document.body.onmouseover=”func()” //鼠標指針移到對象時觸發(fā)
document.body.onmouseout=”func()” //鼠標指針移出對象時觸發(fā)
———————————————————————
location-位置子對象

document.location.hash // #號后的部分
document.location.host // 域名+端口號
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目錄部分
document.location.port // 端口號
document.location.protocol // 網(wǎng)絡協(xié)議(http:)
document.location.search // ?號后的部分

documeny.location.reload() //刷新網(wǎng)頁
document.location.reload(URL) //打開新的網(wǎng)頁
document.location.assign(URL) //打開新的網(wǎng)頁
document.location.replace(URL) //打開新的網(wǎng)頁
———————————————————————
selection-選區(qū)子對象
document.selection
———————————————————————

images集合(頁面中的圖象)

a)通過集合引用
document.images //對應頁面上的img標簽
document.images.length //對應頁面上img標簽的個數(shù)
document.images[0] //第1個img標簽
document.images[i] //第i-1個img標簽

b)通過nane屬性直接引用
img name=”oImage”
document.images.oImage //document.images.name屬性

c)引用圖片的src屬性
document.images.oImage.src //document.images.name屬性.src

d)創(chuàng)建一個圖象
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同時在頁面上建立一個img /標簽與之對應就可以顯示

———————————————————————-

forms集合(頁面中的表單)

a)通過集合引用
document.forms //對應頁面上的form標簽
document.forms.length //對應頁面上/formform標簽的個數(shù)
document.forms[0] //第1個/formform標簽
document.forms[i] //第i-1個/formform標簽
document.forms[i].length //第i-1個/formform中的控件數(shù)
document.forms[i].elements[j] //第i-1個/formform中第j-1個控件

b)通過標簽name屬性直接引用
/formform name=”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.表單名.控件名

c)訪問表單的屬性
document.forms[i].name //對應form name>屬性
document.forms[i].action //對應/formform action>屬性
document.forms[i].encoding //對應/formform enctype>屬性
document.forms[i].target //對應/formform target>屬性

document.forms[i].appendChild(oTag) //動態(tài)插入一個控件
document.all.oDiv //引用圖層oDiv
document.all.oDiv.style.display=” //圖層設置為可視
document.all.oDiv.style.display=”none” //圖層設置為隱藏
document.getElementId(”oDiv”) //通過getElementId引用對象
document.getElementId(”oDiv”).style=”
document.getElementId(”oDiv”).display=”none”
/*document.all表示document中所有對象的集合
只有ie支持此屬性，因此也用來判斷瀏覽器的種類*/

圖層對象的4個屬性
document.getElementById(”ID”).innerText //動態(tài)輸出文本
document.getElementById(”ID”).innerHTML //動態(tài)輸出HTML
document.getElementById(”ID”).outerText //同innerText
document.getElementById(”ID”).outerHTML //同innerHTML

document屬性作為window對象的一個子對象被創(chuàng)建，是用于訪問頁面中所有元素的對象。其主要具有以下一些應用特性：

最新評論