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

Question

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

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

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

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

这只会添加到div，但我希望它替换div

中的任何内容

建设性的批评，而不是请求支持。

Answer 1

使用=代替+=：

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

Answer 2

将+=替换为=：

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

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