javascriptのDOM：HTMLテーブル操作の問題

Question

だから私はこのようなテーブルがあります。

<table class="inventoryItems" id="inventoryItems"> 
    <tr> 
     <th id="itemCost" class="noLeft">id </th> 
     <th id="soldAmount" class="right">Item Description </th> 
    </tr> 
    <tr id="itemRow"> 
     <th > 
      <input onBlur="shapeMapper(this)" ></input> 
     </th> 
     <th > 
      <input onBlur="shapeMapper(this)" ></input> 
     </th> 
    </tr> 
</table> 

本当に単純なテーブル

を、私は次の形式のjavscriptでそれを操作しようとしています：

function shapeMapper(arg){ 
    //arg goes unused for now. 
    var tblName = "inventoryItems"; 
    var tbl = document.getElementById(tblName); 
    var soldAmount = document.getElementById("soldAmount").cellIndex; 
    var itemCost = document.getElementById("itemCost").cellIndex; 
    var rowCount = tbl.rows.length; 
    var itemList = ""; 
    var totalCost=0; 
    var totalSold=0; 

    for(var i = 1; i<=rowCount-1 ; i++){ 
     var fC = tbl.rows[i].cells[itemCost].firstChild; 
     r=tbl.rows[i]; 

     alert(r.cells[itemCost].value); 
     totalCost = totalCost + Number(r.cells[itemCost].firstChild.value) ; 
     totalSold = totalSold + Number(r.cells[soldAmount].firstChild.value) ; 
    } 
} 

しかしr.cells[itemCost].firstChild.value入力ボックスに値が入力されていても「未定義」に戻ってきます...なぜ誰かが何らかのアイデアを持っていますか？

私は絶対にナットです。

ありがとうございました！

Answer 1

は

r.cells[itemCost].firstElementChild.value 

を試みるスペースや改行がDOM内のノードとしてみなされているため、それ以外の場合は、不定値のtextElementを取得します。 firstChildは最初のノードの子を取得し、firstElementChildは最初のの要素の子を取得します。

ただし、すべてのブラウザでfirstElementChildがサポートされているわけではありません（FF < 3.5、IE < 9）。