javascript - ボタンの値を変更するJavaScript

Question

このボタンの値を変更するにはどうすればよいですか? チュートリアルを見ていますが、ボタンではなく URL のみが変更されているようです。

<form name="form" id="form">
<button name="button" id="button">Click Me!</button>
</form>

<script type="text/javascript">
document.form.button.value=new Date();
</script>

Answer 1

ボタンに onclick を追加して、関数で値を変更しました。

form タグに追加onsubmit="return false"すると、ページが更新されません。

<form name="form" id="form" onsubmit="return false">
    <button name="button" id="button" onclick="changeValue();" value="before" >Click Me!</button>
</form>

<script type="text/javascript">
    function changeValue()
    {
        // Changes the value of the button
        document.form.button.value = new Date();

        // Changes the text on the button
        document.form.button.innerHTML = new Date();
    }
</script>

Answer 2

document.form.button.innerHTML = new Date();

---

編集：

ボタンをクリックしたときにボタンのテキストを現在の日付に変更しようとしている場合は、次のようにします。

<script type="text/Javascript">
    function changeLabel()
    {
        document.getElementById('button').innerHTML = new Date();
    }
</script>

<button id="button" onclick="changeLabel()">Click Me!</button>

Answer 3

これは確かに機能します...

onclick="changeValue(this);"

function changeValue(button)
{
    // Changes the value of the button
    button.value = new Date();
}

Answer 4

使用innerHTML：

document.form1.button1.innerHTML=new Date();

更新：別の方法として、ボタンを次のように定義できます。

<input name="button" id="button" type="button" value="Click Me!" />

その場合

document.form.button.value=new Date();

期待どおりに動作するはずです。