QuerySelectorAll的多个标签 - TypeScript

在 TypeScript 中，QuerySelectorAll 函数可以通过使用 CSS 选择器来返回匹配指定选择器的所有元素的列表。可以在 QuerySelectorAll中同时使用多个标签名作为选择器。

语法

document.querySelectorAll(tagName1, tagName2, ..., tagNameN)

其中，tagName1, tagName2, ..., tagNameN是需要选择的标签名。这里是多个标签名，并且以逗号进行分隔。返回值是一个 NodeListOf<Element> 类型的列表。

示例

下面的示例展示了如何选择多个标签名。

const elements = document.querySelectorAll('div, p, h1');

elements.forEach((elem) => {
  console.log(elem.tagName);
});

这将选择 div, p, 和 h1 元素，然后进行遍历，输出每个元素的标签名。

总结

在 TypeScript 中，queryselectorall 的多个标签可以用来选择特定的 HTML 元素。可以在一个 querySelectorAll 函数中同时使用多个标签名，并且使用逗号进行分隔。返回的是一个 NodeListOf<Element> 类型的元素列表。