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