我正在尝试将 javascript 中的 var 设置为标签内的值。
<!DOCTYPE html>
<html>
<body>
<p>Click the button to return the value of its value attribute.</p>
<button id="myButton" value="value1" onclick="myFunction()">1</button>
<button id="myButton" value="value2" onclick="myFunction()">2</button>
<p id="output"></p>
<script>
function myFunction() {
var x = document.getElementById("myButton").value;
document.getElementById("output").innerHTML = x;
}
</script>
</body>
</html>
上面的代码显然不起作用,因为 id 是唯一的,所以无论我单击哪个按钮,它都会显示“value1”。
有没有办法让点击“1”按钮将显示“value1”,点击“2”按钮将显示“value2”?
最佳答案
<button value="value1" onclick="myFunction(this)">1</button>
<button value="value2" onclick="myFunction(this)">2</button>
<script>
function myFunction(button) {
var x = button.value;
button.innerHTML = x;
}
</script>
关于javascript - 将 javascript 中的 var 设置为标签中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37375465/