javascript - 在javascript中通过类名选择元素

Question

我有一个 onChange 事件，需要动态选择一个 ID，然后添加一个预设类名以传递给函数。

onChange = "show(document.getElementById(this.value). {select a class here? } );"

jquery 中的等价物

$('#'+this.value+'.myclassname').function();

那么如何在 javascript 中选择 ID+类名呢？我知道我太笨了。

Answer 1

您需要使用类名吗？ Id 应该是唯一的。

var element = document.getElementById('myId');

或者说 element 是父级，并且您想要一个具有类的子级

var elements = element.getElementsByTagName('*');

var newElements = [];

for (var i = 0, length = elements.length; i < length; i++) {

    if ((' ' + elements[i].className + ' ').indexOf(' yourClassName ') > -1) {
         newElements.push(elements[i]);
    }
}

此代码基本上遍历所有子级，并使用 indexOf() 来测试您的类是否存在。如果找到它，就会将其推送到新数组中。