javascript - 为什么这个函数返回 Nan 错误？

Question

当我单击“+ 1”时，“0”中出现“NaN”。为什么？

HTML:

<table>
<tr><td id="run">0</td></tr>
</table>
<a href="#" onclick="plus();">+ 1 </a>

JS:

function plus(){
document.getElementById("run").innerHTML = ( document.getElementById("run").value + 1 );
}

Answer 1

发生这种情况是因为 value 属性只能应用于 input 或 select 元素。

注意，你需要将字符串值转换为数字，否则你会得到字符串连接。可以通过parseInt来完成或parseFloat功能。

var val = parseInt(document.getElementById("run").innerHTML, 10);
document.getElementById("run").innerHTML = ( val + 1 );