十年專注于品牌網站建設 十余年專注于網站建設_小程序開發_APP開發,低調、敢創新、有情懷!
      南昌百恒網絡微信公眾號 掃一掃關注
      小程序
      tel-icon全國服務熱線:400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡微信小程序

      百恒網絡

      南昌百恒網絡

      獲取HTMLElement中id,title,lang,dir,classname標準特性方法

      百恒網絡 2016-11-12 6505

      在交互實現過程中我們經常要對DIV標簽進行一些指定操作,一個文檔中有許多的DIV標簽,那我們肯定要指定對某一個DIV進行例如隱藏操作,前提是要找到要操作的對象,而不是所有的DIV,那我們只有通過DIV的屬性中標準特性來確定,例如獲取某個DIV的ID號,又或者獲取類名,即ClassName,接下來由南昌網站制作公司百恒網絡開發工程師結合實例介紹這些特性的獲取及操作方法,所有HTML元素都由HTMLElement類型表示,不是直接通過這個類型.也是通過它的子類型來表示。HTMLElement類型直接繼承自Element并添加了一些屬性。添加的這些屬性分別對應于每個

      HTML元素中都存在的下列標準特性。

      id,元素在文檔中的唯一標識符;

      title,有關元素的附加說明信息,一般通過工具提示條顯示出來;

      lang,元素內容的語言代碼,很少使用;

      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.dgscpc.com";

      div. lang="fr";

      div.dir ="rtl":

      并不是對所有屬性的修改都會在頁面中直觀地表現出來。對id或lang的修改對用戶而言是透明不可見的(假設沒有基于它們的值設置的CSS樣式),而對title的修改則只會在鼠標移動到這個元素之上時才會顯示出來。對dir的修改會在屬性被重寫的那一刻,立即影響頁面中文本的左、右對齊 方式。修改className時,如果新類關聯了與此前不同的CSS樣式,那么就會立即應用新的樣式。

      前面提到過,所有HTML元素都是由HTMLElement或者其更具體的子類型來表示的。下表列出了所有HTML元素以及與之關聯的類型。

      本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣技人員有所幫助。原創文章出自:南昌網站建設公司-百恒網絡 http: //www.dgscpc.com 如轉載請注明出處!


      400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡小程序

      歡迎您的光顧,我們將竭誠為您服務×

      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售后服務 售后服務
       
      售后服務 售后服務
       
      備案專線 備案專線
       
      ×
      久久亚洲伊人中字综合精品| 亚洲国产主播精品极品网红| 久久精品久久久久观看99水蜜桃| 欧洲熟妇精品视频| 精品一区精品二区| 国产精品成人扳**a毛片| 国产精品香蕉在线| 91精品啪在线观看国产91九色| 青青青青久久精品国产| CAOPORN国产精品免费视频| 日韩人妻无码免费视频一区二区三区| 国产尤物在线视精品在亚洲| 少妇人妻精品一区二区| 99精品众筹模特私拍在线| 麻豆一区二区三区精品视频| 午夜精品美女写真福利| 精品久久久久久国产| 国产在线无码精品电影网| 久久91这里精品国产2020| 日批日出水久久亚洲精品tv| 亚洲av日韩av激情亚洲| 国产精品免费_区二区三区观看| 成人h动漫精品一区二区无码| 97视频精品视频人人一二区| 国产成人久久精品区一区二区| 99久热只有精品视频免费观看17| 久久九九99热这里只有精品| 久久久国产精品福利免费| 国模精品一区二区三区| 精品人妻少妇一区二区三区在线| 亚洲国产精品无码久久青草| 日韩一品在线播放视频一品免费| 亚洲av综合日韩| 亚洲日韩中文字幕天堂不卡| 亚洲日韩国产精品无码av| 亚洲AV日韩精品一区二区三区| 国产在线精品一区在线观看| 国产成人综合日韩精品无码| 国产成人综合久久精品亚洲| 国产亚洲情侣久久精品| 国产精品9999久久久久仙踪林|