如何使用 javascript 使按钮标签动态化？答案

【问题标题】：How can I make button label dynamic using javascript?如何使用 javascript 使按钮标签动态化？
【发布时间】：2012-11-22 23:01:09
【问题描述】：

我想要做的是能够通过将文本放入实际变量中来更改按钮内的文本。

类似这样的：

<button type=button>status</button>

但它不是一个字符串，而是一个变量：

var status = 'on';

【问题讨论】：

标签： javascript variables button

【解决方案1】：

如果您使用的是 jquery，那么这是一项简单的任务。

假设你有一个按钮

然后你可以使用 jquery 来评估它的文本

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript">
var status="on";
$(document).ready(function(){
   $("#myButton").text(val);
});
</script>

或者你可以纯javascript：

var status="on";
document.getElementById('myButton').innerHTML=status;

【讨论】：

他要求将 var name 作为状态，他不想更改按钮上的文本

【解决方案2】：

如果您尝试将按钮的文本分配给变量，那么它很简单，如下所示：

var buttonText = "click me!";      
document.getElementById("id-of-your-button").innerHTML = buttonText;

【讨论】：

或者你希望它随着变量的变化而“动态”变化吗？
您输入了“innner”而不是“inner”。以防万一其他人最终复制粘贴该行。

【解决方案3】：

猜猜这会有所帮助：

    <button id="myButton" type="button" value=""></button>
    <input id="myInputButton" type="button" value=""></button>

    <script type="text/javascript">
        var status = 'on';
        document.getElementById('myButton').innerHTML = status;
        document.getElementById('myInputButton').value = status;
    </script>

【讨论】：