javascript - getElementById返回NaN

考虑以下代码示例示例。我试过parseInt没有运气。在这里，我希望javascript在单元格PICweight中设置一个数字，然后稍后将其检索并将其放在其他单元格totalcabin中。您可以在此处看到，我要将数字设置为1，但是当代码运行时，它将在NaN中返回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>

最佳答案

td元素没有value属性。当在普通html元素(非输入元素)上使用.value时，您最终会得到undefined。以后，您可以使用+隐式将undefined转换为数字，从而生成NaN和后续观察。

您应该使用.textContent而不是value来使文本位于td元素内。

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