javascript - 将 javascript 中的 var 设置为标签中的值

标签 javascript

我正在尝试将 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/

相关文章:

javascript - 嵌套操作使reducer状态与redux存储不同?

javascript - 如果元素包含特定文本

javascript - 获取传单的 Div Id

javascript - 反模式聚合错误并传递给 promise 解析 js?

javascript - Vue 方法总是被调用(不仅仅是点击时)

javascript - NodeJs Express - 如何返回 HTTP ERROR CODE (400,401,500) 和 JSON OBJECT

javascript - Php, Jquery/JS, 提交按钮

javascript - KnockoutJs - 如何限制 keydown 后的绑定(bind)

javascript - 单击时调用变量函数

javascript - 无法在node.js上使用 Nightmare API返回document.querySelector