JavaScript 无法在"窗口"上执行'getComputedStyle'：参数 1 不属于类型 'Element'

Question

我试图在单击时使一个小正方形消失，但只有当是错误的选择时。

问题是我希望它慢慢消失，并且我有一些问题选择正方形。

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中选择card[i]。这有点混乱，因为我几乎尝试了所有事情，所以如果有人可以向我解释如何正确选择getComputedStyle的项目。

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

Answer 1

，如该错误所说

参数1不是类型的'元素'

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

您在变量cartaSbagliata中具有一个元素，因此请使用：

window.getComputedStyle(cartaSbagliata)