十年專(zhuān)注于品牌網(wǎng)站建設(shè) 十余年專(zhuān)注于網(wǎng)站建設(shè)_小程序開(kāi)發(fā)_APP開(kāi)發(fā),低調(diào)、敢創(chuàng)新、有情懷!
南昌百恒網(wǎng)絡(luò)微信公眾號(hào) 掃一掃關(guān)注
小程序
tel-icon全國(guó)服務(wù)熱線(xiàn):400-680-9298,0791-88117053
掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)
掃一掃打開(kāi)百恒網(wǎng)絡(luò)微信小程序

百恒網(wǎng)絡(luò)

南昌百恒網(wǎng)絡(luò)

獲取HTMLElement中id,title,lang,dir,classname標(biāo)準(zhǔn)特性方法

百恒網(wǎng)絡(luò) 2016-11-12 6333

在交互實(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)注明出處!


400-680-9298,0791-88117053
掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)
掃一掃打開(kāi)百恒網(wǎng)絡(luò)小程序

歡迎您的光顧,我們將竭誠(chéng)為您服務(wù)×

售前咨詢(xún) 售前咨詢(xún)
 
售前咨詢(xún) 售前咨詢(xún)
 
售前咨詢(xún) 售前咨詢(xún)
 
售前咨詢(xún) 售前咨詢(xún)
 
售前咨詢(xún) 售前咨詢(xún)
 
售后服務(wù) 售后服務(wù)
 
售后服務(wù) 售后服務(wù)
 
備案專(zhuān)線(xiàn) 備案專(zhuān)線(xiàn)
 
×