我有一个简单的函数,该函数应该在每次单击按钮时减少id为“ numactions”的范围内的数字。我所缺少的是如何获取span ID的值。我正在尝试getElementById,但这不起作用。
<span id="numactions">5</span>
<button type="button" onClick="clickME()">Click me</button>
<script>
var clicks = document.getElementById("numactions");
function clickME() {
clicks -= 1;
document.getElementById("numactions").innerHTML = clicks;
}
</script>
您的代码有两个问题..首先,这一行:
var clicks = document.getElementById("numactions");
将获取HTML元素span
而不是5
,以获取您应使用.textContent
或的内容.innerHTML
。
其次,使用以上内容,您将获得内容的“字符串”表示形式,而不是“数字”,因此您需要使用(1)来获得数字值。parseInt()
var clicks = parseInt(document.getElementById("numactions").textContent, 10);
function clickME() {
clicks -= 1;
document.getElementById("numactions").innerHTML = clicks;
}
<span id="numactions">5</span>
<button type="button" onClick="clickME()">Click me</button>
(1) 强烈建议使用radix,这是答案中的,10)
部分parseInt
,此处表示十进制数字系统。另外,在使用parseInt()
整数时,对于float则应parseFloat()
改为使用整数。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句