Javascript - 在单独的行上拆分字符串和输出结果

Question

我尝试做的是使用逗号分隔的字符串，例如＆＃34; HTML5，CSS3，Compass，JavaScript，jQuery，PHP，Foundation，Drupal，WordPress＆＃34; - 将该字符串拆分为和数组，并编写一个循环，在单独的行上输出每个数组项。

这有效：

function splitstr() {
 var splitStr = "HTML5,CSS3,Compass,JavaScript,jQuery,PHP,Foundation,Drupal,WordPress";
 var output = splitStr.split(',');
 for (var i = 0; i < output.length; i++) {
   document.write(output[i] + "<br />");
 }
}

但很明显它会输出到空白页面。我需要它将结果输出到div。

所以我尝试以下代码，但它不起作用。它只打印出最后一个＆＃34; Wordpress＆＃34;。

function splitstr() {
 var splitStr = "HTML5,CSS3,Compass,JavaScript,jQuery,PHP,Foundation,Drupal,WordPress";
 var output = splitStr.split(",");
 for (var i = 0; i < output.length; i++) {
  document.getElementById("splitres").innerHTML = output[i] + "<br />";
 }
}

我做错了什么？

阿贡

Answer 1

 document.getElementById("splitres").innerHTML += output[i] + "<br />";

注意+。有了它，你附加HTML;没有它，你会覆盖它。