我在 HTML 文件中有这样的内容:
<html>
<body>
<script type = text/javascript">
var value = 0;
add(x){
x++;
document.write(x);
}
</script>
<form>
<input type = "button" value = "Add one" onClick = "add(value)" >
</form>
<body>
</html>
当我运行它并单击按钮时，页面将更新并仅显示新值。我怎样才能改变它，让它只是一个实时更新，并且“添加一个”按钮保留在屏幕上？
我想我需要有一个类似“字段”的东西来显示值，并只获取该字段 id，但我不确定这是否是正确的思考方式。
最佳答案
只需使用一个span:
<form>
<input type="button" value="Add one" onclick="add();"/>
</form>
<span id="field">0</span>
然后，使用 document.getElementById() 和 innerHTML 更新它:
var value = 0;
function add() {
value++;
document.getElementById("field").innerHTML = value;
}
var value = 0;
function add() {
value++;
document.getElementById("field").innerHTML = value;
}<form>
<input type="button" value="Add one" onclick="add();"/>
</form>
<span id="field">0</span>关于javascript - 增加/减少屏幕上的值的按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25827303/