时间戳

首页 > 解决方案 > 如何从一个类中获取按钮内使用的所有类名？

javascript - 如何从一个类中获取按钮内使用的所有类名？

问题描述

我有一个具有多个类名 a、b 和活动的按钮。

<button class="a b active"></button>

我想只使用活动来获取类名 a 和 b。我使用了以下代码

document.querySelectorAll('.active')

我明白了

<button_ngcontent-c1="" class="a b active" ng-reflect-klass="0,0" ng-reflect-ng-class="[object Object]"></button>

我无法获得这门课a和b。

有人可以帮忙吗？

标签： javascript

解决方案

querySelectorAll给你一个NodeList。

从那里，将该列表传播到一个数组中，并对其进行迭代以获取className属性：

const nodeList = document.querySelectorAll('.active');

const els = [...nodeList];

for (let el of els) {
  console.log(el.className.split(' '));
}
<button class="a b active"></button>
<button class="c d active"></button>
<button class="e f active"></button>

推荐阅读