typescript - 类型 'HTMLCollectionOf<HTMLCanvasElement>' 必须有一个返回迭代器的 '[Symbol.iterator]()' 方法

Question

我正在构建一个数组const myCanvas = document.getElementsByTagName('canvas')它实际上是有效的。它返回给我这样的东西:

images: [
  0: canvas,
  1: canvas,
  2: canvas
]

这是一个 TypeScript 项目，我想迭代这个数组并转换每个图像以记录它。
像这样:

for (const image of myCanvas) {
  console.log(canvas.toDataURL());
}

(我没有使用 foreach 因为它不适用于 HTMLCollectionOf<HTMLCanvasElement> 类型)
我需要迭代 HTMLCollection那个getElementsByTagName正在返回我。输出是:

Type 'HTMLCollectionOf<HTMLCanvasElement>' must have a '[Symbol.iterator]()' method that returns an iterator

Answer 1

为了以这种方式迭代，您需要设置 compilerOptions像这样:

"compilerOptions": {
        // ...
        "target": "ES6",
        "lib": [
            "DOM",
            "DOM.Iterable",
            "ES6"
        ]
        // ...
    }