2016-06-11 17 views
-2
<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> 

誰かが各行の意味を説明できますか?これらのボタンのいずれもが、(ID = "MSG" で) をHTML要素を "見つける" ために使用される要素のコンテンツ(innerHTMLプロパティ)に変更されているHTMLファイル内の次のコードの意味は何ですか?

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

あなたのコードで

+0

最初の行は、そのボタンのonclickの、ボタンがあることを意味します。 ID 'msg'を持つ文書内の要素を見つけ、それをテキスト 'Gone!'にします。他の行は最初の行と同じです。 – Berkay

+0

@ B.Yaylaciありがとう – Penguin

答えて

0

ボタンをクリックすると、id = "msg"の要素が検索され、内部HTML、つまり要素の内容が設定されます。

https://jsfiddle.net/night11/qs3sL6qt/1/

<p id="msg">My first paragraph</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> 
0

"ゴーンを!"最初のボタンと "戻る!" 2番目のボタンで。 入手しました。

関連する問題