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

Question

我要做的是使用逗号分隔字符串，如"HTML5、CSS3、Compass、JavaScript、jQuery、PHP、Foundation、Drupal、WordPress“--将该字符串拆分为数组并编写一个循环，将每个数组项输出到单独的行中。

这样做是可行的：

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中。

所以我尝试了下面的代码，但是它不起作用。它只打印出最后一个"Wordpress“。

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；没有它，您将覆盖它。