このコードの各行は何をしていますか？

-3

私はJavascriptコーディングが初めてで、私はw3schools上でこのTryItページを見てきました。私は、コードがクリックすると電球をオンまたはオフにする2つのボタンを作成することを理解していますが、このコードの各行が正確に何をしているかについてのJavaScriptの専門家からの詳細な説明が必要です。例えばこのコードの各行は何をしていますか？

、

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">

だけでボタンを作成し、クリックされたときにbulbon.gif題した画像を表示させるのでしょうか？私は少し混乱している。コードは次のとおりです。

<!DOCTYPE html> 
<html> 
<body> 

<h2>What Can JavaScript Do?</h2> 

<p>JavaScript can change HTML attributes.</p> 

<p>In this case JavaScript changes the src (source) attribute of an image. </p> 

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button> 

<img id="myImage" src="pic_bulboff.gif" style="width:100px"> 

<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button> 

</body> 
</html>

ありがとうございました。

のonclick = "のdocument.getElementById（ 'MYIMAGE'）SRC = 'pic_bulbon.gif'"

OnClickバインドのイベント：

出典

2017-05-01 Gabriella

両方のボタンのプロパティを変更しません。他に何もない。 –

JavaScriptとHTMLを分離する必要があります。ベストプラクティスとして外部のJavaScriptとCSSを使用してください。 – PHPglue

のコードを見てみましょうボタンは、ボタンがクリックされたときに起動されます。使用している要素の種類に応じて、さまざまなイベントがあります。同様に、onKeyUp、onKeyDown、onSelectなど

document.getElementById('myImage')は、IDが "myImage"（/！）のIDを取得するようブラウザに指示します（IDはコード内で一意である必要があります。 getElementsByNameは、指定された名前に一致するDOM要素を持つ配列を返します。人々は2つの関数の間で混乱する傾向がありますが、終わりに注意してください：getElement/getElements）

.src = "pic_bulbon.gif"以前に見つかった要素のソースを新しいピクチャと比較し、その要素の再描画を強制します。

だから、いやそれは新しい要素を作成しますが、ちょうど画像のソース属性を変更する既存の

出典

2017-05-01 10:14:09

このコードの各行は何をしていますか？

答えて

関連する問題