【Javascript】DOM Samples /Core　NodeList/item()

<script type="text/javascript">
<!--

//データ
var a = new Array()
    a[0] = 'あいうえお'
    a[1] = 'かきくけこ'
    a[2] = 'さしすせそ'
    a[3] = 'たちつてと'

//書き換え処理
function chgData(textoj)
{
  //対象TABLEを特定する
  tbl0 = document.getElementById('table0')

  //対象TABLE内TDのノードリストを取得する
  tds = tbl0.getElementsByTagName('TD')

  //TDをitem(0)から順番にスキャンする
  for ( i = 0 ; i < tds.length ; i++ )
  {
    //各itemの最初の子をセットする
    oj = tds.item(i).firstChild

    //最初の子がTEXTノードなら書き換える
    if(oj.nodeType == 3)
      oj.nodeValue = textoj[i]
  }
}

//-->
</script>

<table id="table0" border="1">
  <tr>
   <td>データ0</td>
   <td>データ1</td>
  </tr>
  <tr>
   <td>データ2</td>
   <td>データ3</td>
  </tr>
</table>

<form>
<input type=button 
       value=" chgData(a) "
       onclick="chgData(a)">
</form>