如何从具有多个类的输入中获取元素

时间:2014-03-22 06:12:31

标签: javascript

我有一个输入字段:

    <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

但是当我将 A SECOND CLASS(蓝色)添加到输入字段时:

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

我的脚本不起作用,它说descGroup.length为0,应该有,并且是7!

如果你的输入有一个类,或者我做错了什么,getElementsByClassName是否只有好处?

提前致谢。

1 个答案:

答案 0 :(得分:3)

你可以拥有你想要的尽可能多的类(记住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');