试图切换一个类，但我得到错误“toggle”的未定义使用Javascript

我试图让我的类切换，但它不会工作。我收到一条错误消息，说UncaughtTypeError:无法读取未定义的属性“toggle”

这是我的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);

我做错了什么？

原因如下：

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

两者是一个整体，而不是一个单一的元素。所以你需要做：

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

如果类名只有一个元素，上面的代码就可以工作。如果有多个，请使用如下计数器循环：

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

---

请显示所有相关的代码，HTML和CSS。@AndrewLi这可能解释了原因，但这不是重复的。@PraveenKumar为什么不？“对我来说，看起来像是复制品。”安德烈：我告诉我现在是否应该锤击。如果你觉得这样，我就去做。@AndrewLi我现在就去做。