如何通过JavaScript获取类名？

Question

如何使用经典HTML中的元素名称通过JavaScript获得类名称。

喜欢：

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

我想检查具有类名“ Checkbox”的字段。

我该如何解决？ 请帮我。

Answer 1

有很多解决方案。 首先使用以下代码访问元素类名：

element.className

接下来，如果要测试元素列表中是否存在类名，则可以使用indexOf进行测试，但可能会出现误报。 以下element.className中不存在类"foo" ： "foobar foobuzz"

最好的方法是使用RegExp：

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

Answer 2

我只是颠倒了我的问题，以获得所需的输出。 在这里，通过读取类名，我使用下面的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;
            }
        }