传播 getElementsByClassName 或 querySelectorAll 会在 TypeScript 中产生错误

Question

我正在使用以下代码将 DOM 个节点的列表转换为数组：

const elements = [...document.getElementsByClassName(selector)];

但是对于 TypeScript，我收到如下错误：Type 'HTMLCollectionOf<Element>' is not an array type or does not have a '[Symbol.iterator]()' method that returns an iterator.

我不知道在这种情况下我该怎么办。我试过这样输入：

const elements: HTMLElement[] = [...document.getElementsByClassName(selector)];

但是没用。

这是我的 TypeScript 配置文件 (tsconfig.json):

{
    "compilerOptions": {
        "target": "es5",
        "module": "umd",
        "sourceMap": true,
        "outDir": "dist",
        "strict": true,
        "esModuleInterop": true,
        "downlevelIteration": true
    }
}

Answer 1

问题是默认情况下 Typescript 将默认使用 .slice。

您应该添加标志 --downlevelIteration 以使其适用于所有迭代器，包括 html 个集合。

https://www.typescriptlang.org/docs/handbook/compiler-options.html

你应该有 dom.iterable 作为它工作的库。您目前没有指定库，因此根据您的目标使用默认值，这就是它不起作用的原因。

传播 getElementsByClassName 或 querySelectorAll 会在 TypeScript 中产生错误

Spreading getElementsByClassName or querySelectorAll gives an error in TypeScript

javascript

arrays

spread

typescript