javascript - カウントの最後の値のみを出力として与える for ループ

Question

私は以下のスクリプトを持っています:-

<script type="text/javascript">
var fruits = array('banana','apple','orange');
for (var i = 0;i < fruits.length; i++) {
  document.getElementById("td1").innerHTML = fruits;
}
</script> 
<table id="table">
   <tr id="tr1">
      <td id="td1"></td>
   </tr>
   <tr id="tr2">
      <td id="td2"></td>
   </tr>
</table>  

上記を実行した後、オレンジ色の出力しか得られません。上記のループを使用して、出力「バナナ」、「リンゴ」、「オレンジ」を取得したい。

Answer 1

<script type="text/javascript">
    var fruits = ['banana','apple','orange'];
    document.getElementById("td1").innerHTML = fruits.join();
</script> 

Answer 2

バグは次のとおりです。

document.getElementById("td1").innerHTML = fruits;
                                         ^
                                         |
                                         |
                             you're overwriting previous text here

あなたはおそらく+=代わりに意味します。