DOM就是Html頁面的模型，將每個標(biāo)簽都做為一個對象，JavaScript通過調(diào)用DOM中的屬性、方法就可以對網(wǎng)頁中的文本框、層等元素進(jìn)行編程控制。比如通過操作文本框的DOM對象，就可以讀取文本框中的值、設(shè)置文本框中的值。

1:獲取對象的三種方法

1)document.getElementById(id);通過對象的屬性id來獲取;

2)element.getElementByTagName(tag);通過標(biāo)簽名來獲取;

3)element.getElementByClassName(class);通過屬性類名來獲取;

2:屬性的set和get方法.

1)object.getAttribute(attribute);獲取元素的屬性.===>>>HTMLDOM: object.attribute;

2)object.setAttribute(attribute,value);設(shè)置元素的屬性.====>>>HTMLDOM:object.attribute=value;

3:有關(guān)節(jié)點(diǎn)的一些屬性

1)childNodes屬性:返回一個數(shù)組.

element.childNodes[0]等價(jià)于element.firstChild

element.childNodes[element.childNodes.length]等價(jià)于element.lastChild

2)nodeType屬性:共有12種可能的取值.但其中僅有3種具有使用價(jià)值

元素節(jié)點(diǎn)的nodeType=1

屬性節(jié)點(diǎn)的nodeType=2

文本節(jié)點(diǎn)的nodeType=3

3)nodeValue屬性:主要功能是改變元素中的文本內(nèi)容功能類似object.innerHTML

例如:

這是一個文本節(jié)點(diǎn)

var p=document.getElementById("p");

p.childNodes[0].nodeValue="改變文本節(jié)點(diǎn)的內(nèi)容";

這樣就改變了p節(jié)點(diǎn)中的內(nèi)容;

也可以這樣實(shí)現(xiàn):p.innerHTML="改變文本節(jié)點(diǎn)的內(nèi)容";

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。