在交互實(shí)現(xiàn)過(guò)程中我們經(jīng)常要對(duì)DIV標(biāo)簽進(jìn)行一些指定操作,一個(gè)文檔中有許多的DIV標(biāo)簽,那我們肯定要指定對(duì)某一個(gè)DIV進(jìn)行例如隱藏操作,前提是要找到要操作的對(duì)象,而不是所有的DIV,那我們只有通過(guò)DIV的屬性中標(biāo)準(zhǔn)特性來(lái)確定,例如獲取某個(gè)DIV的ID號(hào),又或者獲取類(lèi)名,即ClassName,接下來(lái)由南昌網(wǎng)站制作公司百恒網(wǎng)絡(luò)開(kāi)發(fā)工程師結(jié)合實(shí)例介紹這些特性的獲取及操作方法,所有HTML元素都由HTMLElement類(lèi)型表示,不是直接通過(guò)這個(gè)類(lèi)型.也是通過(guò)它的子類(lèi)型來(lái)表示。HTMLElement類(lèi)型直接繼承自Element并添加了一些屬性。添加的這些屬性分別對(duì)應(yīng)于每個(gè)
HTML元素中都存在的下列標(biāo)準(zhǔn)特性。
id,元素在文檔中的唯一標(biāo)識(shí)符;
title,有關(guān)元素的附加說(shuō)明信息,一般通過(guò)工具提示條顯示出來(lái);
lang,元素內(nèi)容的語(yǔ)言代碼,很少使用;
dir,語(yǔ)言的方向,值為"ltr "(left-to-right,從左至右)或"rtl"(right-to-left,從右至左),也很少使用;
className,與元素的class特性對(duì)應(yīng),即為元素指定的CSS類(lèi)。沒(méi)有將這個(gè)屬性命名為class,
是因?yàn)閏lass是ECMAScript的保留字。
上述這些屬性都可以用來(lái)取得或修改相應(yīng)的特性值。以下面的HTML元素為例:
元素中指定的所有信息,都可以通過(guò)下列JavaScript代碼取得:
var div=document. getElementByld("myDiv");
alert (div. id); //"myDiv""
alert( div. className); //"bhClass"
alert(div.title); //"BaiHeng Test Text"
alert (div. lang); //"en"
alert (div. dir); //"ltr"
當(dāng)然,像下面這樣通過(guò)為每個(gè)屬性賦予新的值,也可以修改對(duì)應(yīng)的每個(gè)特性:
div. id="someOtherld";
div.className="BHNewClass":
div. title="http://www.10alone.com";
div. lang="fr";
div.dir ="rtl":
并不是對(duì)所有屬性的修改都會(huì)在頁(yè)面中直觀地表現(xiàn)出來(lái)。對(duì)id或lang的修改對(duì)用戶(hù)而言是透明不可見(jiàn)的(假設(shè)沒(méi)有基于它們的值設(shè)置的CSS樣式),而對(duì)title的修改則只會(huì)在鼠標(biāo)移動(dòng)到這個(gè)元素之上時(shí)才會(huì)顯示出來(lái)。對(duì)dir的修改會(huì)在屬性被重寫(xiě)的那一刻,立即影響頁(yè)面中文本的左、右對(duì)齊 方式。修改className時(shí),如果新類(lèi)關(guān)聯(lián)了與此前不同的CSS樣式,那么就會(huì)立即應(yīng)用新的樣式。
前面提到過(guò),所有HTML元素都是由HTMLElement或者其更具體的子類(lèi)型來(lái)表示的。下表列出了所有HTML元素以及與之關(guān)聯(lián)的類(lèi)型。
本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò) http: //www.10alone.com 如轉(zhuǎn)載請(qǐng)注明出處!