JS 不改变 innerHTML

Question

我想要它，这样它就会一直说 你有 (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 returns 具有该 class 名称的所有元素的数组。如果您想更改具有该 class 名称的第一个元素，请尝试

getElementsByClassName('amount')[0].innerHTML

JS 不改变 innerHTML

JS Not Changing innerHTML

html

javascript

innerhtml