javascript更改按钮的值

Question

如何更改此按钮的值？我正在看一个教程,但只有网址似乎改变了,而不是按钮.

<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();
}