Question

我试图让我的班级进行切换，但它不会起作用。我收到一条错误消息＆＃34; Uncaught TypeError：无法读取属性＆＃39;切换＆＃39;未定义＆＃34;。

这是我的Javascript：

var sound = document.getElementById("sound");
var two = document.getElementsByClassName("two");
var twoanimated = document.getElementsByClassName("twoanimated");

function animatie () {
    two.classList.toggle("twoanimated");
}

sound.addEventListener("click", animatie);

我做错了什么？

Answer 1

原因在于：

var two = document.getElementsByClassName("two");

two是HTMLCollection而不是单个元素。所以你需要这样做：

two[0].classList.toggle("twoanimated");

如果类名twoanimated只有一个元素，则上述代码有效。如果有多个，请使用这样的计数器循环：

function animatie () {
  for (var i = 0; i < two.length; i++) {
    two[i].classList.toggle("twoanimated");
  }
}

试图切换课程，但我得到错误＆＃39;切换＆＃39;未定义使用Javascript

1 个答案: