getElementByIdがNaNを返します

Question

次のコード例を考えてみましょう。私は運がないparseIntを試しました。ここでは、JavaScriptで数字をセルに設定したい場合はPICweight、後で検索して別のセルに配置しますtotalcabin。ここには数字が1に設定されていますが、コードが実行されるとがtotalcabinに返されます。

<td id="PICweight" type="tel"></td> 
<script> 
    window.onchange = function setfields() { 

     document.getElementById("PICweight").innerHTML = 1; 
     var PICweight = document.getElementById("PICweight").value; 

     var totalcabin = document.getElementById("totalcabin"); 
     totalcabin.innerHTML = +PICweight 
    } 
</script> 

Answer 1

td要素の値のプロパティはありません。通常のhtml要素（非入力要素）に.valueを使用すると、最終的にはundefinedとなります。その後、+を使用してundefinedを暗黙的に数値にキャストします。結果はNaNとなり、その後の観察結果となります。

値の代わりに.textContentを使用して、td要素内のテキストを取得する必要があります。

var PICweight = document.getElementById("PICweight").textContent;