JavaScriptでHTML要素の改行を置換する

document.getElementById($ID).innerHTMLでHTML内の文字列を取得できることがわかった。今度は、これを編集して表示したい。ソースコードが対象とわかっているから、まずは改行タグを追記する。普通の改行を置換すればいい。

<script type="text/javascript">
var array = document.getElementById("sample").innerHTML.split("\n");
for( i = 0 ; i < array.length ; i++ ){
  document.write(array[i]);
  document.write("<br/>");
}
</script>

こうすれば、

<div id="sample">DIV value1
DIV value2
DIV value3</div>

という HTML が一行でなく三行で表示されるようになる。ただ、一行の記載も残ってしまう。これを何とかしたい。