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

무엇이 잘못 되었나요?

AGON

Answer 1

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

주 +. 그것으로 HTML을 추가하고 있습니다. 그것 없이는, 당신은 그것을 덮어 씁니다.