javascript - 重复向 div 元素添加文本

Question

使用 Javascript，我想将相同的文本一遍又一遍地重复添加到同一个 div 元素中。

<script>
    while(true) {
        var itstimeto = document.getElementById("duel");   
        var d = "D-";
        itstimeto.innerHTML = itstimeto + d;
        itstimeto = document.getElementById("duel");
    }
</script>
<div id="duel">IT'S TIME TO </div>

但是，div 只是停留在文本“IT'S TIME TO”处，没有添加任何内容到文本中。

我唯一的解释是变量被一遍又一遍地重复定义。

感谢任何帮助!

Answer 1

正如 @clarmond 在他的评论中所说，您需要执行 itstimeto.innerHTML = itstimeto.innerHTML + d; 来获取内部文本并附加更多文本。

此外，我没有看到将变量映射到同一元素的用途。

这是您需要的脚本。只是一个公平的警告，当您运行代码时，由于正在运行的无限循环，可能会导致严重的麻烦

while(true) {
    var itstimeto = document.getElementById("duel");   
    var d = "D-";
    itstimeto.innerHTML = itstimeto.innerHTML + d;
}