为什么这个函数返回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 );