js 获取子元素的class名

你可以使用 JavaScript 的 `classList` 属性来获取元素的类名。以下是获取第一个子元素的类名的示例代码：

var firstChild = document.querySelector('.parent-class-name').firstElementChild;
var className = firstChild.classList[0];
console.log(className);

这将输出第一个子元素的第一个类名。如果该元素没有任何类名，则输出 `undefined`。如果你想获取所有子元素的类名，则可以使用 `querySelectorAll` 和 `forEach` 方法：

var children = document.querySelectorAll('.parent-class-name > *');
children.forEach(function(element) {
  var className = element.classList[0];
  console.log(className);
});

这将输出所有子元素的第一个类名。如果子元素没有任何类名，则输出 `undefined`。

相关问题

js获取dom class子元素的方法

可以使用以下两种方法来获取DOM元素的子元素：

1. 使用`querySelectorAll()`方法：

const parent = document.querySelector('.parent-class');
const children = parent.querySelectorAll('.child-class');

2. 使用`getElementsByClassName()`方法：

const parent = document.getElementsByClassName('parent-class')[0];
const children = parent.getElementsByClassName('child-class');

注意，使用`querySelectorAll()`方法可以直接获取到所有符合条件的子元素，而使用`getElementsByClassName()`方法需要先获取到父元素，再通过父元素获取到所有符合条件的子元素。

jquery 取子元素的class名

可以使用 jQuery 的 `children()` 方法来获取子元素，并使用 `attr()` 方法来获取元素的 class 属性值。例如：

$(".parent-class").children().each(function() {
  var childClass = $(this).attr("class");
  console.log(childClass);
});

这段代码会遍历 `parent-class` 元素的所有子元素，并打印它们的 class 属性值。