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

Question

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

如下所示：

<button type=button>status</button>

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

var status = 'on';

Answer 1

如果你想把一个按钮的文本赋值给一个变量，那么就像下面这样简单：

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

Answer 2

如果你正在使用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;

Answer 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>