Javascript - split string and output results on separate lines

Question

What I'm trying to do is take a comma separated string like "HTML5,CSS3,Compass,JavaScript,jQuery,PHP,Foundation,Drupal,WordPress" - split that string into and array and write a loop that outputs each array item on a separate line.

This works:

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 />");
 }
}

but obviously it outputs to a blank page. I need it to output the results into a div.

So I try the following code but it doesn't work. It only prints out the last one "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 />";
 }
}

what am i doing wrong?

agon

Mitya · Accepted Answer · 2014-04-26 21:54:35Z

4

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

Note +. With that, you are appending HTML; without it, you are overwriting it.

answered Apr 26, 2014 at 21:54

Mitya

34.7k15 gold badges70 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

webketje Over a year ago

Nice & concise explanation! +

Mitya Over a year ago

@agon024, please accept the answer if it's the correct one.

Collectives™ on Stack Overflow

Javascript - split string and output results on separate lines

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related