如何使用javascript使按鈕標籤動態化？

Question

我想要做的是能夠通過在實際變量內部創建文本來更改按鈕內部的文本。

事情是這樣的：

<button type=button>status</button> 

但不是一個字符串，它是一個變量：

var status = 'on'; 

Answer 1

如果你正在使用jQuery，那麼它的一個簡單的任務。

假設你有一個按鈕

那麼你可以使用jQuery assing其文本使用

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

你的問題是模糊的，但是如果你想將一個按鈕的文本分配給一個變量，那麼它就像下面這樣簡單：

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

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>