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