Question

我正在从事角度项目，以下代码用于动画卫星天气图像循环播放。问题是我在document.images.animation.src = eval("pic" + counter + ".src")说Property 'animation' does not exist on type 'HTMLCollectionOf<HTMLImageElement>'.

下得到错误

play() {
    var counter = 1

    var pic1 = new Image()
    pic1.src = "xxxxxxxxx?region=af&index=20&false=True&lat=33&lon=44"
    var pic2 = new Image()
    pic2.src = "xxxxxxxxxx?region=af&index=19&false=True&lat=33&lon=44"
    var pic3 = new Image()
    pic3.src = "xxxxxxxxxx?region=af&index=18&false=True&lat=33&lon=44"

    this.myVar = setInterval(() => {
      console.log(this.currentIndex)
      if (!document.images)
        return
      document.images.animation.src = eval("pic" + counter + ".src")
      if (counter < 20)
        counter++
      else
        counter = 1

    }, 450)

  }

  stop() {
    if (this.interval) {
      clearInterval(this.myVar)
    }

  }

HTML

<img src=xxxxxxxxxxxx?region=af&index=1&false=True&lat=33&lon=44" name="animation"
    class="img-fluid center-block" />

有什么想法吗？

Answer 1

document.getElementsByName("animation")

根据示例代码，您尝试更改图像的src并使用JavaScript通过name属性获取元素。如果我错了请纠正我。

getElementsByName（）方法以NodeList对象的形式返回文档中具有指定名称（名称属性的值）的所有元素的集合。

您应该查看this document。

类型“ HTMLCollectionOf <HTMLImageElement>”上不存在角“动画”

1 个答案: