JavaScript中的函数
JavaScript中的函数
提问于 2011-06-20 07:41:05
我正在学习JS的基础知识，我写了这个脚本，但它并没有像我预期的那样工作。它应该根据按钮点击来增加或减去标签内的值和标签内的值属性。
<!DOCTYPE HTML>
<html>
<head>
<title>Meter</title>
<script type="text/javascript">
function f(a)
{
document.getElementById("prog").value = document.getElementById("prog").value + a;
var t = parseInt(document.getElementById("prog"),10);
document.getElementById("prog") = t + a;
}
</script>
</head>
<body>
<form title="Meter">
<button type="button" onClick="f(-10);" >Subtract</button>
<button type="button" onClick="f(10);" >Add</button>
<meter min="0" max="100" value="50" id="prog">50</meter>
</form>
</body>
</html>回答 4
Stack Overflow用户
回答已采纳
发布于 2011-06-20 07:47:46
首先，你应该像我所理解的那样描述不能工作的地方。
我认为<meter>标记内的值没有改变是问题所在。
我的解决方案是使用innerHTML
<!DOCTYPE HTML>
<html>
<head>
<title>Meter</title>
<script type="text/javascript">
function f(a)
{
//changing the value
document.getElementById("prog").value = document.getElementById("prog").value + a;
//(next two lines) changing the innerHTML, which is the inner HTML of an element.
var t = parseInt(document.getElementById("prog").innerHTML,10);
//This makes t+a between 0 and 100.
document.getElementById("prog").innerHTML = t+a<100?t+a>0?t+a:0:100;
}
</script>
</head>
<body>
<form title="Meter">
<button type="button" onClick="f(-10);" >Subtract</button>
<button type="button" onClick="f(10);" >Add</button>
<meter min="0" max="100" value="50" id="prog">50</meter>
</form>
</body>
</html>Stack Overflow用户
发布于 2011-06-20 07:47:27
您需要获取/设置元素的.innerHTML。
function f(a)
{
document.getElementById("prog").value = document.getElementById("prog").value + a;
var t = parseInt(document.getElementById("prog").innerHTML, 10);
document.getElementById("prog").innerHTML = t + a;
}Stack Overflow用户
发布于 2011-06-20 07:45:18
更改以下内容
var t = parseInt(document.getElementById("prog"),10);至
var t = parseInt(document.getElementById("prog").value,10);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6405758
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号