js 查询父元素下所有class为mui-btn的子元素
时间: 2024-03-01 08:54:59 浏览: 77
js获取class的所有元素
您可以使用JavaScript来查询父元素下所有class为mui-btn的子元素。具体操作如下:
HTML代码:
```
<div id="parent">
<button class="mui-btn">按钮1</button>
<button class="mui-btn">按钮2</button>
<a href="#" class="mui-btn">链接</a>
<span>这是一个span元素</span>
</div>
```
JavaScript代码:
```
var parent = document.getElementById("parent"); // 获取父元素
var muiBtns = parent.getElementsByClassName("mui-btn"); // 获取所有class为mui-btn的子元素
for (var i = 0; i < muiBtns.length; i++) {
// 对每个子元素进行操作
muiBtns[i].style.backgroundColor = "#ff0000"; // 这里是您想要设置的样式
}
```
这段JavaScript代码会获取id为parent的父元素,然后通过`getElementsByClassName`方法获取所有class为mui-btn的子元素,并存储在一个数组中。接着使用循环遍历数组的方式,对每个子元素都进行操作。这里我们对每个子元素都设置背景颜色为红色。您可以在代码中修改选择器和样式,以达到您想要的效果。
阅读全文