|
|
今天我們講DOM屬性。
前面其實(shí)我們已經(jīng)碰過(guò)DOM屬性了。
比如：
nodeName，nodeType…..今天我們?cè)敿?xì)的講解下。
1，nodeName屬性 ： 節(jié)點(diǎn)的名字。
如果節(jié)點(diǎn)是元素節(jié)點(diǎn)，那么返回這個(gè)元素的名字。此時(shí)，相當(dāng)于tagName屬性。
比如：
<p>aaaa</p> : 則返回 p ;
如果是屬性節(jié)點(diǎn)，nodeName將返回這個(gè)屬性的名字。
如果是文本節(jié)點(diǎn)，nodeName將返回一個(gè)#text的字符串。
另外我要說(shuō)的是： nodeName屬性是一個(gè)只讀屬性，不能進(jìn)行設(shè)置.(寫(xiě))
它返回 大寫(xiě)字母的值。
2,,nodeType屬性 ： 返回一個(gè)整數(shù)，代表這個(gè)節(jié)點(diǎn)的類(lèi)型。
我們常用的3中類(lèi)型：
nodeType == 1 ： 元素節(jié)點(diǎn)
nodeType == 2 ： 屬性節(jié)點(diǎn)
nodeType == 3 ： 文本節(jié)點(diǎn)
如果想記住的話，我們可以這么去記：
比如： <p title="cssrain" >test</p> 從前往后讀： 你會(huì)發(fā)現(xiàn) 先是元素節(jié)點(diǎn)(1)，然后是屬性節(jié)點(diǎn)(2)，最后是文本節(jié)點(diǎn)(3)，這樣你就很容易記住了 nodeType分別代表什么類(lèi)型了。（我總結(jié)的一點(diǎn)小技巧， ^_^。）
nodeType屬性經(jīng)常跟 if 配合使用，以確保不會(huì)在錯(cuò)誤的節(jié)點(diǎn)類(lèi)型上 執(zhí)行錯(cuò)誤的操作。
比如：
function cs_demo(mynode){
if(mynode.nodeType == 1){
mynode.setAttribute("title","demo");
}
}
代碼解釋?zhuān)?nbsp;先檢查mynode的nodeType屬性，以確保它所代表的節(jié)點(diǎn)確實(shí)是 一個(gè)元素節(jié)點(diǎn)。
和nodeName屬性一樣，他也是只讀屬性，不能進(jìn)行設(shè)置.(寫(xiě))。
3，nodeValue屬性 ： 返回一個(gè)字符串，這個(gè)節(jié)點(diǎn)的值。
如果節(jié)點(diǎn)是元素節(jié)點(diǎn)，那么返回null；（注意下）
如果是屬性節(jié)點(diǎn)，nodeValue將返回這個(gè)屬性的值。
如果是文本節(jié)點(diǎn)，nodeValue將返回這個(gè)文本節(jié)點(diǎn)的內(nèi)容。
比如：
<div id="c">aaaaaaaaaaaaaaaa</div>
<SCRIPT LANGUAGE="JavaScript">
var c= document.getElementById("c");
alert( c.nodeValue );//返回null
</SCRIPT>
nodeValue是一個(gè)可以讀、寫(xiě)的屬性。 但它不能設(shè)置元素節(jié)點(diǎn)的值。
再看看下面的例子：
<div id="c">aaaaaaaaaaaaaaaa</div>
<SCRIPT LANGUAGE="JavaScript">
var c= document.getElementById("c");
c.nodeValue =" dddddddddddd"; //不能設(shè)置
//alert( c.firstChild.nodeValue ) //元素節(jié)點(diǎn) 包括屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)。
c.firstChild.nodeValue = "test"http://能設(shè)置
</SCRIPT>
當(dāng)然我們?yōu)榱舜_保能正確運(yùn)行：可以加一段代碼：
<div id="c">aaaaaaaaaaaaaaaa</div>
<SCRIPT LANGUAGE="JavaScript">
var c= document.getElementById("c");
c.nodeValue =" dddddddddddd"; //不能設(shè)置
//alert( c.firstChild.nodeValue )
if( c.firstChild.nodeType==3 ){ //判斷是不是 文本節(jié)點(diǎn)
c.firstChild.nodeValue = "test"http://能設(shè)置
}
</SCRIPT>
//可以看出，如果要設(shè)置元素節(jié)點(diǎn)，不能直接設(shè)置，而必須先使用firstChild或者lastChild等 然后設(shè)置nodeValue.
nodeValue一般只用來(lái)設(shè)置 文本節(jié)點(diǎn)的值。如果要刷新屬性節(jié)點(diǎn)的值，一般使用setAttribute().
JavaScript技術(shù)：Javascript入門(mén)學(xué)習(xí)第八篇 js dom節(jié)點(diǎn)屬性說(shuō)明第1/2頁(yè)，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
