javascript更改按钮的值

如何更改此按钮的值？我正在看一个教程，但只有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>

点击我！
document.form.button.value=新日期（）；

---

编辑：

如果您试图在单击按钮时将按钮上的文本更改为当前日期，则您需要执行以下操作：

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

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

函数changeLabel（）
{
document.getElementById（'button'）。innerHTML=new Date（）；
}
点击我！

使用

innerHTML

：

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

更新：或者您可以定义如下按钮：

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

---

应该可以像您预期的那样工作。

我在按钮上添加了一个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>

点击我！
函数changeValue（）
{
//更改按钮的值
document.form.button.value=新日期（）；
//更改按钮上的文本
document.form.button.innerHTML=新日期（）；
}

这肯定有效

onclick="changeValue(this);"

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

---

onload（函数（）{document.form.button.innerHTML=new Date（）；}）；沿着这条线做些什么呢：document.getElementById（'button1'）。innerHTML='…'他想更改值，而不是按钮上的文本（innerHTML）@JonathanPayne:在按钮标记上添加值有什么意义？在任何情况下，在问题中，投诉是“只有url似乎在更改，而不是按钮”。听起来我们需要更多关于预期结果的信息。@droidus:这应该做同样的事情（假设您的按钮实际上具有ID“button1”而不是“button”）。您想更改按钮的哪些内容。您是想更改按钮上的文本还是其他内容？你想什么时候换？当用户单击按钮时？它会工作，但不会更改按钮文本。。。它将url更改为此。。。www.mywebsite.com/javascript.html？button=Thu+Jan+18+2020+14%3A51%3A00+GMT-0400+%28东部+白天+时间%29@droidus我编辑了我的帖子，有两个不同的东西，按钮的值和按钮上的文本。我的示例现在同时执行这两个操作。它现在更改url并在end@JonathanPayne我猜，是你，否决了我和“悲剧3”的答案……撤销否决票。你不知道“droidus”想要什么：“当用户点击按钮时，按钮内的文本应该会改变”（来自“droidus”）。啊，我刚刚看到了一些东西。。。在弹出窗口之后，日期/时间会快速出现，然后很快消失……您希望在单击按钮时提交表单吗？如果是这样，这将导致页面刷新，这使得更改按钮的标签变得毫无意义。如果您所要做的只是在单击按钮时看到按钮文本的更改，那么您实际上不需要表单。

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

onclick="changeValue(this);"

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