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

屬性:

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

方法:

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

body-主體子對(duì)象

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

document.body.appendChild(oTag) //動(dòng)態(tài)生成一個(gè)HTML對(duì)象

常用對(duì)象事件

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

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

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

images集合(頁(yè)面中的圖象)

a)通過(guò)集合引用
document.images //對(duì)應(yīng)頁(yè)面上的img標(biāo)簽
document.images.length //對(duì)應(yīng)頁(yè)面上img標(biāo)簽的個(gè)數(shù)
document.images[0] //第1個(gè)img標(biāo)簽
document.images[i] //第i-1個(gè)img標(biāo)簽

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

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

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

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

forms集合(頁(yè)面中的表單)

a)通過(guò)集合引用
document.forms //對(duì)應(yīng)頁(yè)面上的form標(biāo)簽
document.forms.length //對(duì)應(yīng)頁(yè)面上/formform標(biāo)簽的個(gè)數(shù)
document.forms[0] //第1個(gè)/formform標(biāo)簽
document.forms[i] //第i-1個(gè)/formform標(biāo)簽
document.forms[i].length //第i-1個(gè)/formform中的控件數(shù)
document.forms[i].elements[j] //第i-1個(gè)/formform中第j-1個(gè)控件

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

c)訪問(wèn)表單的屬性
document.forms[i].name //對(duì)應(yīng)form name>屬性
document.forms[i].action //對(duì)應(yīng)/formform action>屬性
document.forms[i].encoding //對(duì)應(yīng)/formform enctype>屬性
document.forms[i].target //對(duì)應(yīng)/formform target>屬性

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

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

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

最新評(píng)論