Javascript-在單獨的行上分割字符串並輸出結果

Question

我正在嘗試做的是用逗號分隔的字符串，例如“ HTML5，CSS3，指南針，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。 沒有它，您將覆蓋它。