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