javascript - 使用 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 = ...

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