2016-08-24 66 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); 
}