JavaScript 在 'Window' 上执行 'getComputedStyle' 失败：参数 1 不是 'Element' 类型

Question

我试图让一个小方块在点击时消失，但前提是它是错误的选择。

问题是我想让它慢慢消失，我在select广场上遇到了一些问题。

for (var i = 0; i < difficulty; i++) {
  card[i].addEventListener("click", function(){
    if(this.classList.contains("rightGuess")){
      victoryPar.innerHTML = "You're right!"
    }
    else{
      victoryPar.innerHTML = "Try again"
      this.classList.add("wrong");
      var cartaSbagliata = document.getElementsByClassName("wrong")[incremento];
      opacityWrong = Number(window.getComputedStyle("cartaSbagliata").getPropertyValue("opacity"));
      incremento++;
      interId = setInterval(function(){
        if(opacityWrong > 0){
          opacityWrong = opacityWrong-0.1;
          cartaSbagliata.style.opacity = opacityWrong
        }
        else{
          clearInterval(interID);
        }
      }, 40)

    }
  })
}

我只是不知道如何在 getComputedStyle 中 select card[i]。有点乱，因为我几乎尝试了所有方法，所以如果有人能向我解释如何正确 select getComputedStyle 的项目，那就太棒了。

我是初学者所以请解释一下，否则我什么都不懂。

Answer 1

如错误所述

parameter 1 is not of type 'Element'

"cartaSbagliata" 是字符串，不是元素。

您在变量 cartaSbagliata 中有一个元素，所以使用它：

window.getComputedStyle(cartaSbagliata)

JavaScript 在 'Window' 上执行 'getComputedStyle' 失败：参数 1 不是 'Element' 类型

JavaScript Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'

javascript

fade

this

getcomputedstyle