在onclick上选择多个类,并在选择时更改颜色,可以通过以下步骤实现:
<style>
.class1 { color: red; }
.class2 { color: blue; }
.class3 { color: green; }
</style>
<button onclick="changeColor()">点击选择类</button>
<script>
function changeColor() {
var elements = document.getElementsByClassName("class1 class2 class3");
for (var i = 0; i < elements.length; i++) {
elements[i].style.color = "yellow";
}
}
</script>
在上述代码中,通过getElementsByClassName方法选择具有多个类名的元素,并使用循环遍历它们。然后,通过修改元素的style.color属性,将它们的颜色更改为黄色。
这样,当点击按钮时,具有class1、class2和class3类名的元素将会被选择,并且它们的颜色将会更改为黄色。
请注意,以上代码仅为示例,实际应用中可能需要根据具体需求进行适当的修改。
领取专属 10元无门槛券
手把手带您无忧上云