js 获取子元素的class名
时间: 2023-09-13 12:13:44 浏览: 98
Jquery子页面获取父页面元素,子页面向父页面添加元素
你可以使用 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`。
阅读全文