【正文】 我們常用的3中類。如果是文本節(jié)點，nodeName將返回一個text的字符串。比如：paaaa/p : 則返回 p 。如果節(jié)點是元素節(jié)點，那么返回這個元素的名字。比如：body div id=cssrain div id=aa /div div id=bb /div div id=cc /div /div /bodyscriptvar ps = (cssrain)if(){ alert( )。返回boolean類型。//也可以使用: (i).setAttribute(title,hello)。 i 。例子： var ps = (“p”)。getElementsByTagName() 查找標(biāo)簽名的所有元素。getElementById()。返回雖然不同，但是可以用一個方法來判斷。var b = (“title”)。getAttribute()。(“title”,”my demo”)。setAttribute()。( para , msg )。var msg = (b)。OldNode必須是Element的一個子節(jié)點。、8， 替換節(jié)點。/script注意： 你如果想把某個節(jié)點從一處移動到另一個地方，不必使用removeChild（）。var c = 。/script如果不知道要刪除的節(jié)點的父節(jié)點是什么？可以使用parentNode屬性。var b = (b)。7， 刪除節(jié)點。/script// 我們發(fā)現(xiàn)ID為msg的 插入到了 aaa的前面。var test = (cssrian)。我們看看insertBefore()怎么使用：div id=cssrianp id=content1111/pdiv id=msgmsgdivtest/div/divp id=content222/pp id=aaaaaaaaaaa/p/divscriptvar msg = (msg)。( newNode , targerNode )。id=msgmsg/p/pp結(jié)果為：p/script//發(fā)現(xiàn)msg放到 content 后面去了 。var container = (content)。另外 appendChild()不僅可以用來追加新的元素，也可以你 挪動 文檔中現(xiàn)有的元素。(container)。var t = (cssrain)。appendChild() :給元素追加一個子節(jié)點， 新的節(jié)點 插入到 最后。改變新的節(jié)點的ID。需要appendChild()。可以自己寫個例子，然后用 firebug 看看。注意：true的話：是paaaa/p 克隆。var newpara = (true)。(mes)。var mes = (hello world)。5， 復(fù)制節(jié)點。(mes)。）var mes = (“hello world”)。需要使用appendChild()或者insertBefore()方法或者replaceChild()方法。 將返回 text 。createTextNode():var b = (“my demo”)。(“title”,”my demo”)。如果想在元素插入之前給元素添加屬性。也就是lastChild子節(jié)點。(a)。當(dāng)然我們在前面的例子中，自己寫了一個insertAfter()方法。所以它也沒有nodeParent屬性。 將返回 p 。createElement():var a = (“p”)。好了，DOM的常用屬性和方法說到這里，了解這些方法的使用，相信大家的DOM編程技術(shù)會有很大的提高。當(dāng)然有個例外：document節(jié)點，他沒有父節(jié)點。如果目標(biāo)節(jié)點前面沒有同屬于一個父節(jié)點的節(jié)點，previousSibling 將返回null ；previousSibling 屬性是一個只讀屬性。如果目標(biāo)節(jié)點后面沒有同屬于一個父節(jié)點的節(jié)點，nextSibling 將返回null ；nextSibling 屬性是一個只讀屬性。lastChild屬性是一個只讀屬性。 如果沒有子節(jié)點，將返回null。firstChild屬性是一個只讀屬性。 如果沒有子節(jié)點，將返回null。操作后，childNodes屬性會自動刷新?；蛘? if ( 1) ；childNodes也是一個只讀屬性。由于文本節(jié)點和屬性節(jié)點都不可能再包含任何子節(jié)點，所以他們的childNodes屬性永遠(yuǎn)返回一個空數(shù)組。 //不能設(shè)置 //alert( ) if( ==3 ){ //判斷是不是 文本節(jié)點 = test//能設(shè)置 }/SCRIPT//可以看出，如果要設(shè)置元素節(jié)點，不能直接設(shè)置，而必須先使用firstChild或者lastChild等 然后設(shè)置nodeValue.nodeValue一般只用來設(shè)置 文本節(jié)點的值。 = test//能設(shè)置/SCRIPT當(dāng)然我們?yōu)榱舜_保能正確運行：可以加一段代碼：div id=caaaaaaaaaaaaaaaa/divSCRIPT LANGUAGE=JavaScript var c= (c)。 = dddddddddddd。 但它不能設(shè)置元素節(jié)點的值。 alert( )。如果是文本節(jié)點，nodeValue將返回這個文本節(jié)點的內(nèi)容。3，nodeValue屬性 ： 返回一個字符串，這個節(jié)點的值。 }}代碼解釋： 先檢查mynode的nodeType屬性，以確保它所代表的節(jié)點確實是 一個元素節(jié)點。）nodeType屬性經(jīng)常跟 if 配合使用，以確保不會在錯誤的節(jié)點類型上 執(zhí)行錯誤的操作。我們常用的3中類型：nodeType == 1 ： 元素節(jié)點nodeType == 2 ： 屬性節(jié)點nodeType == 3 ： 文本節(jié)點如果想記住的話，我們可以這么去記：比如： p title=cssrain test/p 從前往后讀： 你會發(fā)現(xiàn) 先是元素節(jié)點(1)，然后是屬性節(jié)點(2)，最后是文本節(jié)點(3)，這樣你就很容易記住了 nodeType分別代表什么類型了。另外我要說的是： nodeName屬性是一個只讀屬性，不能進(jìn)行設(shè)置.(寫)它返回 大寫字母的值。如果是屬性節(jié)點，nodeName將返回這個屬性的名字。此時，相當(dāng)于tagName屬性。1，nodeName屬性 ： 節(jié)點的名字。前面其實我們已經(jīng)碰過DOM屬性了。明天我們講DOM 屬性…..Javascript學(xué)習(xí)第一季（8）上2篇文章我們講了 用dom方式 創(chuàng)建節(jié)點，復(fù)制節(jié)點，插入節(jié)點, 刪除節(jié)點，替換節(jié)點，查找節(jié)點，獲取屬性等。今天講了 用dom方式刪除節(jié)點，替換節(jié)點，查找節(jié)點, 獲取屬性等。 }/script大家自己動動手寫寫，不然光看記憶性不好。文本節(jié)點和屬性節(jié)點不可能有子節(jié)點，所以他們的hasChildNodes 永遠(yuǎn)返回false；hasChildNodes經(jīng)常跟 childNodes 一起使用。if((“title”) ){ // do something }5,hasChildNodes:由名字就可以知道，是判斷元素是否有子節(jié)點。 alert(title_text)。 //if (title_text) 才是我們想要的。 //如果 if (title_text != ) 這樣寫，ie只彈1次，ff卻彈出2次。 i++) { var title_text = paras[i].getAttribute(title)。 for (var i=0。獲取的時候，如果屬性不存在，則返回空，注意ie和ff返回不同。//獲取例子：var a =(“cssrain”)。不管以前有沒有title屬性，以后的值 是 my demo。//設(shè)置例子：var a = (“p”)。}4， 設(shè)置/獲取屬性節(jié)點。 i++){ ps[i].setAttribute(“title”,”hello”)。for(var i=0 。返回一個集合，可以用循環(huán)取出每個對象，對象擁有 nodeName , nodeType , parentNode , ChildNodes 等屬性。返回一個對象， 對象擁有 nodeName , nodeType , parentNode , ChildNodes 等屬性。(記得我認(rèn)識js的第一句就是getElementById()。/script3，查找節(jié)點相對上面的方法，查找節(jié)點是比較簡單的。var para = (p)。例子：body div id=cssrain div id=aa /div div id=bb /div div id=cc /div /div /bodyscriptvar cssrain = (cssrain)。 // 新節(jié)點是客人，肯定先服務(wù)他咯。/script3， 替換節(jié)點。var c = 。/script如果不知道要刪除的節(jié)點的父節(jié)點是什么？可以使用parentNode屬性。var b = (b)。直接從方法說起：2， 刪除節(jié)點。Javascript學(xué)習(xí)第一季（7）上篇文章我們講了 用dom方式 創(chuàng)建節(jié)點，復(fù)制節(jié)點，插入節(jié)點。明天我們將講 刪除節(jié)點，替換節(jié)點，查找節(jié)點等。好了，講到這里，明天繼續(xù)講。也是：先把ID為msg的從文檔中刪除，然后再插入到 aaa 前，作為aaa的前面一個節(jié)點 插入。/script// 我們發(fā)現(xiàn)ID為msg的 插入到了 aaa的前面。var test = (cssrian)。我們看看insertBefore()怎么使用：div id=cssrianp id=content1111/pdiv id=msgmsgdivtest/div/divp id=content222/pp id=aaaaaaaaaaa/p/divscriptvar msg = (msg)。// 新節(jié)點是客人，肯定先服務(wù)他咯。( newNode , targerNode )。id=aaaaaaaaaaa/p5， 插入節(jié)點。id=contentcontentpJs內(nèi)部處理方式：先把ID為msg的從文檔中刪除，然后再插入到content 后，作為content的最后一個節(jié)點 插入。 (mes)?？聪旅娴睦樱簆 id=msgmsg/pp id=contentcontent/pp id=aaaaaaaaaaa/pscriptvar mes = (msg)。(container)。var t = (cssrain)。具體解釋就是：給元素追加一個子節(jié)點， 新的節(jié)點 插入到 最后。4， 插入節(jié)點。另外還有一個注意： 如果克隆后，id一樣，不要忘記用 setAttribute(“id” , “ new_id “)。和createElement()一樣，克隆后的新節(jié)點 不會被自動插入到文檔 。true的話：是phello world/p 克隆。//true和false的區(qū)別(newpara )。//true和false的區(qū)別(newpara )。(container)。var container = (p)。//再把元素節(jié)點添加到 文檔里/SCRIPT3， 復(fù)制節(jié)點。(mes)。我們看下面例子：body/bodySCRIPT LANGUAGE=JavaScriptvar mes = (hello world)。所以它創(chuàng)建的是一個文本節(jié)點 ….你也許又會想 為什么文檔中沒發(fā)現(xiàn) 這個文本節(jié)點 呢？難道也和createElement()一樣，需要使用appendChild（）添加到文檔里。輸出 。createTextNode():var b = (my demo)。如果想把它添加到文檔里，可以使用 appendChild()或者insertBefore()方法或者replaceChild()方法（后面介紹）。/SCRIPT用firebug查看下，發(fā)現(xiàn)文檔中已經(jīng) 有我們需要的結(jié)果了。所以它創(chuàng)建的是一個元素節(jié)點 ….你也許會想 為什么文檔中沒發(fā)現(xiàn) 節(jié)點 p呢？我們看下面例子：body/bodySCRIPT LANGUAGE=JavaScriptvar a = (p)。/SCRIPT輸出 。createElement():SCRIPT LANGUAGE=JavaScript var a = (p)。Dom樹：下面我們直接看 到底怎么操作DOM。注：節(jié)點分為：元素節(jié)點，屬性節(jié)點，文本節(jié)點。注：DOM其實可以看作一種API。注：也可以叫窗口對象模型。學(xué)習(xí)英文：Dom：文檔對象模型。從今天起，開始學(xué)習(xí)DOM編程 讓我們慢慢稱為一名初級的js程序員。^_^。不過下