如何更改此按钮的值?我正在看一个教程,但似乎只有 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>
如何更改此按钮的值?我正在看一个教程,但似乎只有 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>
我在您的按钮上添加了一个 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>
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>
这肯定有效...
onclick="changeValue(this);"
function changeValue(button)
{
// Changes the value of the button
button.value = new Date();
}
使用innerHTML
:
document.form1.button1.innerHTML=new Date();
更新:替代你可以定义你的按钮,如:
<input name="button" id="button" type="button" value="Click Me!" />
在这种情况下
document.form.button.value=new Date();
应该像您预期的那样工作。