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