JS没有改变innerHTML [重复]

Question

我希望它总是说 You Have (amm)

这是我的 HTML

<div class="box" id="burger">
    <img src="./images/burger.png" alt="Burger" width="80%" height="auto"><br>
    <a class="title">Burger</a><br>
    <a class="price">Price : 3$</a><br>
    <a class="amount">You Have ___</a><br>        <!-- THIS LINE --> 
    <a class="buy" onclick="buy('burger', 3);">Buy  </a><a class="sell">  Sell</a>
</div>

这是我的 JS

setInterval(function(){
  document.getElementById("burger").getElementsByClassName('amount').innerHTML = "You Have " + burgers;
}, 1);

Answer 1

getElementsByClassName 返回具有该类名的所有元素的数组。如果要更改具有该类名的第一个元素，请尝试

getElementsByClassName('amount')[0].innerHTML