js获取所点击元素class名字
时间: 2023-08-18 08:02:34 浏览: 41
要获取所点击的元素的class名字,你可以使用JavaScript来实现。你可以通过事件监听器来捕获点击事件,并使用`event.target`属性来获取点击的元素。然后,你可以使用`classList`属性来获取元素的class列表。
下面是一个示例代码:
```javascript
document.addEventListener('click', function(event) {
var clickedElement = event.target;
var classNames = clickedElement.classList;
// 获取class名字
var classList = Array.from(classNames);
console.log(classList);
});
```
这个代码将在整个文档上添加一个点击事件监听器。当你点击一个元素时,它会打印出该元素的class列表。你可以根据你的需求进一步处理这些class名字。
相关问题
js 获取子元素的class名
你可以使用 JavaScript 的 `classList` 属性来获取元素的类名。以下是获取第一个子元素的类名的示例代码:
```javascript
var firstChild = document.querySelector('.parent-class-name').firstElementChild;
var className = firstChild.classList[0];
console.log(className);
```
这将输出第一个子元素的第一个类名。如果该元素没有任何类名,则输出 `undefined`。如果你想获取所有子元素的类名,则可以使用 `querySelectorAll` 和 `forEach` 方法:
```javascript
var children = document.querySelectorAll('.parent-class-name > *');
children.forEach(function(element) {
var className = element.classList[0];
console.log(className);
});
```
这将输出所有子元素的第一个类名。如果子元素没有任何类名,则输出 `undefined`。
js获取所有class名字为a的元素文本值
您可以使用以下JavaScript代码来获取所有class名字为a的元素的文本值:
```javascript
var elems = document.getElementsByClassName("a");
var texts = [];
for (var i = 0; i < elems.length; i++) {
texts.push(elems[i].textContent);
}
console.log(texts);
```
这将返回一个包含所有class名字为a的元素文本值的数组。请注意,如果没有找到任何匹配的元素,则返回的数组将为空。