這篇文章主要介紹“如何獲取HTML Element中的標準特性”,在日常操作中,相信很多人在如何獲取HTML Element中的標準特性問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”如何獲取HTML Element中的標準特性”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
成都創(chuàng)新互聯(lián)公司專注于葉城網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供葉城營銷型網(wǎng)站建設,葉城網(wǎng)站制作、葉城網(wǎng)頁設計、葉城網(wǎng)站官網(wǎng)定制、小程序制作服務,打造葉城網(wǎng)絡公司原創(chuàng)品牌,更為您提供葉城網(wǎng)站排名全網(wǎng)營銷落地服務。
在交互實現(xiàn)過程中我們經(jīng)常要對DIV標簽進行一些指定操作,一個文檔中有許多的DIV標簽,那我們肯定要指定對某一個DIV進行例如隱藏操作,前提是要找到要操作的對象,而不是所有的DIV,那我們只有通過DIV的屬性中標準特性來確定,例如獲取某個DIV的ID號,又或者獲取類名,即ClassName,所有HTML元素都由HTMLElement類型表示,不是直接通過這個類型.也是通過它的子類型來表示。HTMLElement類型直接繼承自Element并添加了一些屬性。添加的這些屬性分別對應于每個HTML元素中都存在的下列標準特性。
id,元素在文檔中的唯一標識符;
title,有關元素的附加說明信息,一般通過工具提示條顯示出來;
lang,元素內(nèi)容的語言代碼,很少使用;
dir,語言的方向,值為"ltr "(left-to-right,從左至右)或"rtl"(right-to-left,從右至左),也很少使用;
className,與元素的class特性對應,即為元素指定的CSS類。沒有將這個屬性命名為class,
是因為class是ECMAScript的保留字。
上述這些屬性都可以用來取得或修改相應的特性值。以下面的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"
當然,像下面這樣通過為每個屬性賦予新的值,也可以修改對應的每個特性:
div. id="someOtherld";
div.className="BHNewClass":
div. title="http://www.jxbh.cn";
div.;
div.dir ="rtl":
并不是對所有屬性的修改都會在頁面中直觀地表現(xiàn)出來。對id或lang的修改對用戶而言是透明不可見的(假設沒有基于它們的值設置的CSS樣式),而對title的修改則只會在鼠標移動到這個元素之上時才會顯示出來。對dir的修改會在屬性被重寫的那一刻,立即影響頁面中文本的左、右對齊 方式。修改className時,如果新類關聯(lián)了與此前不同的CSS樣式,那么就會立即應用新的樣式。
到此,關于“如何獲取HTML Element中的標準特性”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)站題目:如何獲取HTMLElement中的標準特性
轉(zhuǎn)載源于:http://weahome.cn/article/gsjppg.html