javascript - x.classList.toggle() 无法正常工作

Question

所以我有这个脚本，它是一个跟随无限动画的计数器。每次交互完成时，计数器都会重置为 0。在倒数第四行，当计数器达到 20 时，我试图调用 x.classList.toggle() 来更改 css。当我用 alert() 函数替换 classList.toggle 时，它​​起作用了，但没有类“doton”被添加到“dot1”。我错过了什么？

http://jsfiddle.net/8TVn5/

window.onload = function () {

var currentPercent = 0;

var showPercent = window.setInterval(function() {

    $('#dot1').on('animationiteration webkitAnimationIteration oanimationiteration     MSAnimationIteration', function (e) {
  currentPercent= 0;}); 



   if (currentPercent < 100) {
   currentPercent += 1;
  } else {
    currentPercent = 0;
 }

   if (currentPercent == 20){document.getElementByID('dot1').classList.toggle('doton');}
    document.getElementById('result').innerHTML = currentPercent;
}, 200);


};

Answer 1

我只是打错了:它应该是 getElementById。

http://jsfiddle.net/8TVn5/1/