javascript - 如何从具有多个类的输入中获取ElementsById

我有一个输入字段：

    <input name="det[1][desc]" id="desc_1" type="text" value="" class="desc" style="width:200px"/>

使用我的脚本可以很好地工作：

        var descGroup = document.getElementsByClassName('desc');
        for ( var r=0; r < descGroup.length; r++){
            var newNumr = r+1;
                        ...blah blah blah

但是当我在输入字段中添加第二类（蓝色）时：

    <input name="det[1][desc]" id="desc_1" type="text" value="" class="desc, blue" style="width:200px"/>

我的脚本无法正常工作，它说descGroup.length为0，应有的时候为7！

仅当您的输入具有一个类时，getElementsByClassName才是好的，还是我做错了什么？

提前致谢。

最佳答案

您可以根据需要拥有尽可能多的类（尽管要记住256类），但是您应该使用空格作为分隔符而不是逗号：

<input class="desc blue" name="det[1][desc]" id="desc_1" type="text" value="" style="width:200px"/>

同样，如果要在`getElementsByClassName中使用类名组合：

var descGroup = document.getElementsByClassName('desc blue');