【正文】 性一樣，他也是只讀屬性，不能進行設(shè)置.(寫)。3，nodeValue屬性 ： 返回一個字符串，這個節(jié)點的值。如果節(jié)點是元素節(jié)點，那么返回null；（注意下）如果是屬性節(jié)點，nodeValue將返回這個屬性的值。如果是文本節(jié)點，nodeValue將返回這個文本節(jié)點的內(nèi)容。比如：div id=caaaaaaaaaaaaaaaa/divSCRIPT LANGUAGE=JavaScript var c= (c)。 alert( )。//返回null/SCRIPTnodeValue是一個可以讀、寫的屬性。 但它不能設(shè)置元素節(jié)點的值。再看看下面的例子：div id=caaaaaaaaaaaaaaaa/divSCRIPT LANGUAGE=JavaScript var c= (c)。 = dddddddddddd。 //不能設(shè)置 //alert( ) //元素節(jié)點 包括屬性節(jié)點和文本節(jié)點。 = test//能設(shè)置/SCRIPT當然我們?yōu)榱舜_保能正確運行：可以加一段代碼：div id=caaaaaaaaaaaaaaaa/divSCRIPT LANGUAGE=JavaScript var c= (c)。 = dddddddddddd。 //不能設(shè)置 //alert( ) if( ==3 ){ //判斷是不是 文本節(jié)點 = test//能設(shè)置 }/SCRIPT//可以看出，如果要設(shè)置元素節(jié)點，不能直接設(shè)置，而必須先使用firstChild或者lastChild等 然后設(shè)置nodeValue.nodeValue一般只用來設(shè)置 文本節(jié)點的值。如果要刷新屬性節(jié)點的值，一般使用setAttribute().4, childNodes屬性 ： 返回一個數(shù)組，數(shù)組由元素節(jié)點的子節(jié)點構(gòu)成。由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點，所以他們的childNodes屬性永遠返回一個空數(shù)組。可以使用hasChildNodes方法，它用來判斷某個元素有沒有子節(jié)點?；蛘? if ( 1) ；childNodes也是一個只讀屬性。如果要增加節(jié)點，可以使用appendChild()或者insertBefore() ， 刪除節(jié)點可以使用removeChild()。操作后，childNodes屬性會自動刷新。5, firstChild屬性 ：由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點，所以他們的firstChild屬性永遠返回一個空數(shù)組。 如果沒有子節(jié)點，將返回null。 等價于 [0] 。firstChild屬性是一個只讀屬性。6 , lastChild屬性 ： 由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點，所以他們的lastChild屬性永遠返回一個空數(shù)組。 如果沒有子節(jié)點，將返回null。 等價于 [ 1 ] 。lastChild屬性是一個只讀屬性。7 , nextSibling 屬性 ：返回目標節(jié)點的下一個兄弟節(jié)點。如果目標節(jié)點后面沒有同屬于一個父節(jié)點的節(jié)點，nextSibling 將返回null ；nextSibling 屬性是一個只讀屬性。8 , previousSibling屬性 ：返回目標節(jié)點的前一個兄弟節(jié)點。如果目標節(jié)點前面沒有同屬于一個父節(jié)點的節(jié)點，previousSibling 將返回null ；previousSibling 屬性是一個只讀屬性。9 , parentNode 屬性 ：注：parentNode屬性返回的節(jié)點永遠是一個元素節(jié)點，因為只有元素節(jié)點才有可能有子節(jié)點。當然有個例外：document節(jié)點，他沒有父節(jié)點。所以document節(jié)點的parentNode屬性將返回null；parentNode 屬性是一個只讀屬性。好了，DOM的常用屬性和方法說到這里，了解這些方法的使用，相信大家的DOM編程技術(shù)會有很大的提高。Javascript學習第一季(9)Javascript DOM 總結(jié)作為一個jsDOM開發(fā)者，你必須知道的一些DOM方法：4， 創(chuàng)建節(jié)點。createElement():var a = (“p”)。它創(chuàng)建的是一個元素節(jié)點，所以 nodeType 等于 1 。 將返回 p 。注意；createElement()方法創(chuàng)建出來的新元素節(jié)點不會被自動添加到文檔里，既然沒添加到文檔里，說明它還是一個游離的狀態(tài)。所以它也沒有nodeParent屬性。如果想把它添加到文檔里，可以使用 appendChild()或者insertBefore()方法或者replaceChild()方法。當然我們在前面的例子中，自己寫了一個insertAfter()方法。比如：var a = (“p”)。(a)。注意： appendChild()默認是添加到文檔的最后。也就是lastChild子節(jié)點。如果想添加到某個地方，可以使用insertBefore()。如果想在元素插入之前給元素添加屬性。可以這么做：var a = (“p”)。(“title”,”my demo”)。(a)。createTextNode():var b = (“my demo”)。它創(chuàng)建的是一個文本節(jié)點，所以nodeType等于 3 。 將返回 text 。跟createElement()一樣，用createTextNode()創(chuàng)建的節(jié)點也不會自動添加到文檔里。需要使用appendChild()或者insertBefore()方法或者replaceChild()方法。他經(jīng)常與createElement()配合使用，知道為什么嗎？（一個元素節(jié)點，一個文本節(jié)點。）var mes = (“hello world”)。var container = (“p”)。(mes)。(container)。5， 復制節(jié)點。cloneNode(boolean) :它有一個參數(shù)。var mes = (hello world)。var container = (p)。(mes)。(container)。var newpara = (true)。//true和false的區(qū)別(newpara )。注意：true的話：是paaaa/p 克隆。false： 只克隆 p/p ，里面的文本不克隆?？梢宰约簩憘€例子，然后用 firebug 看看?？寺『蟮男鹿?jié)點，和createTextNode()一樣 不會被自動插入到文檔 。需要appendChild()。另外還有一個注意： 如果克隆后，id一樣，不要忘記用 setAttribute(“id” , “ another_id “)。改變新的節(jié)點的ID。6， 插入節(jié)點。appendChild() :給元素追加一個子節(jié)點， 新的節(jié)點 插入到 最后。var container = (p)。var t = (cssrain)。(t)。(container)。他經(jīng)常跟createElement()和createTextNode(),cloneNode()配合使用。另外 appendChild()不僅可以用來追加新的元素，也可以你 挪動 文檔中現(xiàn)有的元素?？聪旅娴睦樱簆 id=msgmsg/pp id=contentcontent/pp id=aaaaaaaaaaa/pscriptvar mes = (msg)。var container = (content)。 (mes)。/script//發(fā)現(xiàn)msg放到 content 后面去了 。Js內(nèi)部處理方式：先把ID為msg的從文檔中刪除，然后再插入到content 后，作為content的最后一個節(jié)點。結(jié)果為：pid=contentcontentpid=msgmsg/p/ppid=aaaaaaaaaaa/pinsertBefore() :顧名思義，就是把一個新的節(jié)點插入到目標節(jié)點的前面。( newNode , targerNode )。第二個參數(shù)是可選，如果第二個參數(shù)不寫，將默認添加到文檔的最后，相當于appendChild()。我們看看insertBefore()怎么使用：div id=cssrianp id=content1111/pdiv id=msgmsgdivtest/div/divp id=content222/pp id=aaaaaaaaaaa/p/divscriptvar msg = (msg)。var aaa = (aaa)。var test = (cssrian)。( msg , aaa )。/script// 我們發(fā)現(xiàn)ID為msg的 插入到了 aaa的前面。Js內(nèi)部處理方式跟 appendChild()相似。7， 刪除節(jié)點。removeChild() :body div id=cssrain div id=aa /div div id=bb /div div id=cc /div /div /bodyscriptvar msg = (cssrain)。var b = (b)。 (b)。/script如果不知道要刪除的節(jié)點的父節(jié)點是什么？可以使用parentNode屬性。比如：body div id=cssrain div id=aa /div div id=bb /div div id=cc /div /div /bodyscriptvar b = (b)。var c = 。(b)。/script注意： 你如果想把某個節(jié)點從一處移動到另一個地方，不必使用removeChild（）。可以使用前面的 appendChild()和insertBefore(),他們都會自動先刪除節(jié)點，然后移動到你指定的地方。、8， 替換節(jié)點。( newNode , oldNode )。OldNode必須是Element的一個子節(jié)點。body div id=cssrain div id=aa /div div id=bb /div div id=cc /div /div /bodyscriptvar cssrain = (cssrain)。var msg = (b)。var para = (p)。( para , msg )。/script9， 設(shè)置/獲取屬性節(jié)點。setAttribute()。//設(shè)置例子：var a = (“p”)。(“title”,”my demo”)。不管以前有沒有title屬性，以后的值是 my demo。getAttribute()。//獲取例子：var a =(“cssrain”)。var b = (“title”)。獲取的時候，如果屬性不存在，則返回空，注意ie和ff返回不同，可以看我以前的例子。返回雖然不同，但是可以用一個方法來判斷。if((“title”) ){ }10， 查找節(jié)點。getElementById()。返回一個對象， 對象擁有 nodeName , nodeType , parentNode , ChildNodes 等屬性。getElementsByTagName() 查找標簽名的所有元素。返回一個集合，可以用循環(huán)取出每個對象，對象擁有 nodeName , nodeType , parentNode , ChildNodes 等屬性。例子： var ps = (“p”)。for(var i=0 。 i 。 i++){ ps[i].setAttribute(“title”,”hello”)。//也可以使用: (i).setAttribute(title,hello)。}hasChildNodes:由名字就可以知道，是判斷元素是否有子節(jié)點。返回boolean類型。文本節(jié)點和屬性節(jié)點不可能有子節(jié)點，所以他們的hasChildNodes 永遠返回false；hasChildNodes經(jīng)常跟 childNodes 一起使用。比如：body div id=cssrain div id=aa /div div id=bb /div div id=cc /div /div /bodyscriptvar ps = (cssrain)if(){ alert( )。 }/script 8, DOM屬性：nodeName屬性 ： 節(jié)點的名字。如果節(jié)點是元素節(jié)點，那么返回這個元素的名字。此時，相當于tagName屬性。比如：paaaa/p : 則返回 p 。如果是屬性節(jié)點，nodeName將返回這個屬性的名字。如果是文本節(jié)點，nodeName將返回一個text的字符串。另外我要說的是： nodeName屬性是一個只讀屬性，不能進行設(shè)置.(寫)nodeType屬性 ： 返回一個整數(shù)，代表這個節(jié)點的類型。我們常用的3中類