如何通過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;
            }
        }