按钮的JavaScript的变化值(javascript change value of butto

如何改变这个按钮的价值？ 我在看的教程，但只有网址似乎改变，而不是按钮。

<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到您的按钮更改与函数的值。

如果添加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();

UPDATE：另类，你可以定义喜欢你的按钮：

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

在这种情况下

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

如你预期应该工作。

文章来源: javascript change value of button