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

+=表現為字符串串聯，盡管您在這里不需要它。