如何获取具有className的特定元素

Question

我使用target.getElementsByClassName('numerical'))来获取类名为numerical的元素列表。我只想从列表中进一步筛选th。我该怎么做？

0: th.ant-table-cell.numerical
1: th.ant-table-cell.numerical
2: td.ant-table-cell.numerical
3: td.ant-table-cell.numerical

Answer 1

使用querySelectorAll

target.querySelectorAll('th.numerical')

我还建议你阅读选择器

Answer 2

您可以使用querySelectorAll

target.querySelectorAll('th.numerical'))

这将为您提供className为"numerical"的所有th元素。

Answer 3

您可以从使用getElementsByClassName获得的元素中创建一个数组，并像这样过滤它们

Array.from(target.getElementsByClassName('numerical'))
.filter((tag) => {
return tag.tagName === "TH");
});

这里我使用Array.from函数将getElementsByClassName的结果转换为Array，因为它是HTMLCollection的一个实例，不可迭代。