2016-09-20 8 views
-8
<!DOCTYPE html> 
<html> 
<body> 
<h1>Change an HTML element</h1> 
<p id="msg">Now you see me.</p> 
<button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Gone!'"> 
Click Me!</button> 
<button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Back again!'"> 
Bring me back!</button> 
</body> 
</html> 

これは何かを説明できますか?このHTMLとJSの機能は何ですか?

+4

、これはあなたがあなたの –

+1

コード恥じるべきであるようにgoogleableです:https://jsfiddle.net/L8Lushqx/ – Sabik

+0

よTHXのオベは、ウェブサイトのこのタイプのを見たことがありません!その素晴らしい今私はそれを行うことができます:) – NubCoder

答えて

-1

最初のボタンをクリックすると、onclickイベント属性が発生します。あなたはイベントに「msg」のIDで要素を見つけるように指示しました。上記の<p>タグはどちらですか?

これを見つけて、「今すぐ見る」のinnerHTML値を「Gone!」という文字列で置き換えます。 2番目のボタンでもほぼ同じことが起こります。

詳細については、次のWebアドレスを参照してください。すべての原因に関しては http://www.w3schools.com/tags/ev_onclick.asp

関連する問題