<div class="block" > <el-button v-for="button in buttons" type="info" style="margin-left: 10px" icon="el-icon-s-help" circle size="mini" disabled></el-button> </div> 我要获取所有按钮
时间: 2023-07-06 18:19:28 浏览: 37
您可以使用 JavaScript 来获取该 div 元素下的所有按钮元素,然后进行遍历、操作等操作。具体实现方法如下:
1. 给 div 元素添加一个 id,方便通过 JavaScript 获取该元素:
```html
<div id="myDiv" class="block">
<el-button v-for="button in buttons" type="info" style="margin-left: 10px" icon="el-icon-s-help" circle size="mini" disabled></el-button>
</div>
```
2. 使用 JavaScript 获取该 div 元素以及所有按钮元素:
```javascript
var div = document.getElementById('myDiv'); // 获取 div 元素
var buttons = div.getElementsByTagName('button'); // 获取 div 元素下的所有 button 元素
```
3. 对获取到的按钮元素进行遍历、操作等操作:
```javascript
for (var i = 0; i < buttons.length; i++) {
var button = buttons[i];
// 进行操作,比如输出按钮文本内容
console.log('Button text:', button.innerText);
}
```
这样就能获取该 div 元素下的所有按钮元素并进行遍历、操作等操作。