如何使用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>