ボタンの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を追加して、関数の値を変更しました。

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

---

EDIT：あなたはそれをクリックし、現在の日付にボタンの変更にテキストを作ることです何をしようとしている

、これはあなたが望むものである場合行うには：

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

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

Answer 3

使用innerHTML：

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

UPDATE：あなたはあなたのようなボタンを定義することができ代替：あなたが予想していたとして、その場合には

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

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

は動作するはずです。

Answer 4

これは確かに動作します...

onclick="changeValue(this);" 

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