2016-08-24 104 views
-1

如何通過JavaScript使用傳統HTML中的元素名稱來獲取類名稱。如何通過JavaScript獲取類名?

像:

<input name="xxx" class="CheckBox" onchange="CheckOnChange()" 
     type="CHECKBOX" checked="" value="Y"> 

我要檢查它具有類名「複選框」字段。

我該如何解決這個問題?請幫幫我。

+4

http://stackoverflow.com/questions/3808808/how-to-get-element-by-class -in-javascript – Mairaj

+0

你想要導入什麼樣的類名?發佈你的代碼並多解釋一下,這樣我們可以提供更好的幫助。 – xCodeZone

+0

我會爲此使用jQuery('。classname')。 –

回答

0

我只是顛倒我的問題,以獲得所需的輸出。這裏通過閱讀類名,我得到使用下面的JS的元素名稱:

 var elementName = ""; 
     var dd = document.getElementsByClassName("CheckBox"); 
     for (i = 0; i <= dd.length - 1; i++) { 
      if (elementName == "") 
      { elementName = dd[i].name; } 
      else 
      { 
       elementName = elementName + "," + dd[i].name; 
      } 
     } 
1

有很多解決方案。首先訪問元素的類名使用此代碼:如果你想測試一個類名的元素列表裏面存在

element.className 

接下來,你可以用的indexOf測試,但你可以有假陽性。類"foo"不存在於以下element.className:"foobar foobuzz"

最好的辦法是使用正則表達式:

checkIfElementHasClassName(element, className) { 
    return (new RegExp('^|\\s' + className + '\\s|$')).test(element.className); 
}