除了Document類(lèi)型之外，Element類(lèi)型就要算是Web編程中最常用的類(lèi)型了。Element類(lèi)型用于表現(xiàn)XML或HTML元素，提供了對(duì)元素標(biāo)簽名、子節(jié)點(diǎn)及特性的訪問(wèn)。Element節(jié)點(diǎn)具有以下特征：

◎nodeType的值為1;

◎nodeName的值為元素的標(biāo)簽名;

◎nodeValue的值為null;

◎parentNode可能是Document或Element;

◎其子節(jié)點(diǎn)可能是Element、Text、Comment、Processinglns truction、CDATASection或EntityRef erence。

要訪問(wèn)元素的標(biāo)簽名，可以使用nodeName屬性，也可以使用tagName屬性;這兩個(gè)屬性會(huì)返回 相同的值(使用后者主要是為了清晰起見(jiàn))。以下面的元素為例：

可以像下面這樣取得這個(gè)元素及其標(biāo)簽名：

var div=document.getElementByld("myDiv");

alert(div.tagName); //"DIV"

alert(div.tagName==div.nodeName); //true

這里的元素標(biāo)簽名是div，它擁有一個(gè)值為"myDiv" 的ID。可是，div.tagName實(shí)際上輸出的是 "DIV"而非"div"。在HTML中，標(biāo)簽名始終都以全部大寫(xiě)表示;而在XML(包括XHTML)中，標(biāo)

簽名則始終會(huì)與源代碼中的保持一致。假如你不確定自己的腳本將會(huì)在HTML還是XML文檔中執(zhí)行，好是在比較之前將標(biāo)簽名轉(zhuǎn)換為相同的大小寫(xiě)形式，如下面的例子所示：

if(element.tagName=="div"){//不能這樣比較，很容易出錯(cuò)!

//在此執(zhí)行某些操作

}

if( element.tagName.toLowerCase()=="div")(//這樣最好(適用于任何文檔)

//在此執(zhí)行某些操作

}

這個(gè)例子展示了圍繞tagName屬性的兩次比較操作。第一次比較非常容易出錯(cuò)，因?yàn)槠浯a在 HTML文檔中不管用。第二次比較將標(biāo)簽名轉(zhuǎn)換成了全部小寫(xiě)，是我們推薦的做法，因?yàn)檫@種做法適

用于HTML文檔，也適用于XML文檔。

可以在任何瀏覽器中通過(guò)腳本訪問(wèn)Element類(lèi)型的構(gòu)造函數(shù)及原型，包括IE8及更高版本。

。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò) http://www.myforexfactory.net 如轉(zhuǎn)載請(qǐng)注明出處!