2015-10-16 8 views
5

このコードを使用してボタンのテキストを変更しようとしていますが、反応がありません。これは、読んだことのあるものすべてを見て、うまくいくはずですが、テキストは変更されません。 私はここで何が間違っていますか?HTMLとJavaScriptでボタンのテキストを変更できません

function changeText() { 
    document.getElementById('myButton').innerHTML= "New value"; 
} 

あなたはボタンの値を指定することができますが、それは非常に頻繁に使用されていない:

<!DOCTYPE html> 
<html> 
<head> 
    <script> 
     function changeText() { 
      document.getElementById('myButton').value = "New value"; 
     } 
    </script> 
</head> 
<body> 
    <button id="myButton" onclick="changeText()">Change my text!</button> 
</body> 
</html> 
+1

''myButton')innerHTML ="新しい値 ";'。 'button'は' value'を持っていません – Tushar

+1

'document.getElementById( 'myButton')。textContent ="新しい値 ";' –

答えて

7

あなたが代わりに「innerHTMLプロパティ」プロパティを設定する必要があります。あなたの場合は、ボタンのテキストを変更する必要があります。だからinnnerHTMLはあなたの友人です。詳細はthis pageを参照してください。

IEで 'innerText'を使用することもできますが、Firefoxではサポートされていないことに注意してください。 'textContent'もオプションですが、古いブラウザ(2011年以前)ではサポートされていません。 innerHTMLは最も安全なオプションです。

3

ボタンは値を持つことができますが、表示されるのはボタンの内部のHTMLで、変更したいものです。 innerHTMLをより使いやすくする:

function changeText() { 
    document.getElementById('myButton').innerHTML = "New value"; 
} 
関連する問題