IF 语句中的 JavaScript 字符串输出

Question

我是 JavaScript 的新手，需要概念方面的帮助。

因此，我写了一些东西，例如，在 HTML 文件中，我有一个名为“GetID”的 id 的 div，这是我要显示字符串输出的地方。

在 JavaScript 中是这样的代码

for(looping through data) {
    if (Condition 1){
        document.getElementById("GetID").innerHTML = "Yellow"
    }
    else if (Condition 2){
        document.getElementById("GetID").innerHTML = "Red"
    }
}

我的问题是，如何在 div 中显示前一个条件之外的下一个条件而不是每次都替换它？

例如，如果循环运行，并且第一个和第二个条件是黄色，第三个是红色，我希望它显示“黄色，黄色，红色” 现在，它不断替换它，黄色，然后是黄色，然后是红色 - 在同一个 div ID 中只输出 1 个字符串，替换之前的输出

Answer 1

这是因为您每次都在重新分配 innerHTML，从而覆盖了它的内容。

尝试使用 innerHTML 或 innerText += "yellow"而不是只使用 '='。所以:

for(looping through data) {
if (Condition 1){
    document.getElementById("GetID").innerHTML += "Yellow, "
}
else if (Condition 2){
    document.getElementById("GetID").innerHTML += "Red, "
}

不过，这确实会在末尾留下悬空的逗号。