Javascript 使用document.getElementById时如何删除和替换div中的内容

我使用此javascript将数组中的文本放入

div

function showTopic(j)   
{   
        document.getElementById("topicBox").innerHTML += 

        '<h2>'+ arrSubTopics[j].subCategoryName   +'</h2>

         '+ arrSubTopics[j].subCategoryInformation +' ';          
 }

函数显示主题（j）
{   
document.getElementById（“topicBox”）.innerHTML+=
''+子主题[j].子类别名称+'
“+子主题[j].子类别信息+”；
}

这只会添加到

div

，但是我希望它能够替换

div

中当前存在的任何内容

---

请用建设性的批评而不是否决票。

用

=

代替

+=

：

document.getElementById("topicBox").innerHTML = '<h2>' // the rest...

document.getElementById（“topicBox”）.innerHTML=''//其余的。。。

使用

=

而不是

+=

：

document.getElementById("topicBox").innerHTML = '<h2>' // the rest...

document.getElementById（“topicBox”）.innerHTML=''//其余的。。。

将

+=

替换为

=

：

document.getElementById("topicBox").innerHTML = ...

---

+=

的行为类似于字符串串联，而您在此处不需要它。

将

+=

替换为

=

：

document.getElementById("topicBox").innerHTML = ...

---

+=

表现为字符串连接，而您在这里不需要它。

不太清楚为什么它被否决了，这是一个合法的问题，措辞很好。不太清楚为什么它被否决了，这是一个合法的问题，措辞很好。