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 を使用してそのテキストを ass することができます。

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