获取当前点击的按钮的class属性值
时间: 2024-03-12 19:49:20 浏览: 135
使用vue点击li,获取当前点击li父辈元素的属性值方法
在 JavaScript 中,可以通过以下方式获取当前点击的按钮的 class 属性值:
1. 使用事件监听器绑定 click 事件:
```
document.addEventListener('click', function(event) {
// code to be executed when a button is clicked
});
```
2. 在事件处理函数中,使用 event.target 属性获取当前点击的元素:
```
document.addEventListener('click', function(event) {
var clickedElement = event.target;
});
```
3. 使用 clickedElement.classList 属性获取该元素的 class 列表,然后可以选择需要的 class 属性值:
```
document.addEventListener('click', function(event) {
var clickedElement = event.target;
var buttonClass = clickedElement.classList.value;
});
```
注意,如果一个元素有多个 class 属性值,classList.value 会返回一个包含所有 class 属性值的字符串,用空格隔开。如果需要获取单个 class 属性值,可以使用 classList.contains() 方法判断元素是否包含某个 class 属性值。
阅读全文