我如何在这里获取ElementsByClassName而不是getElementById？

Question

我试图用getElementsByClassName（'timer'）替换以下的简单倒数计时器getElementById（'countdown'）代码，但代码被破坏了。有什么想法？

var seconds = 60;
function secondPassed() {
  var minutes = Math.round((seconds - 30)/60);
  var remainingSeconds = seconds % 60;
  if (remainingSeconds < 10) {
    remainingSeconds = "0" + remainingSeconds; 
  }
  document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds;
  if (seconds == 0) {
    clearInterval(countdownTimer);
    document.getElementById('countdown').innerHTML = "Buzz Buzz";
  } else {
    seconds--;
  }
}

var countdownTimer = setInterval('secondPassed()', 1000);

<span id="countdown" class="timer"></span>

Answer 1

在这种情况下，您可以使用document.getElementsByClassName（“timer”）[0]而不是getElementById（'countdown'）。