javascriptで急に出現するballとは？

とても初歩的な質問かもしれなくて申し訳ありません。

とあるゲームプログラミングサイトで以下のようなコードを見かけたのですが

<!DOCTYPE html> <head> <script> function imgmove( img , move ) { if ( move ) { document.getElementById( img ).style.visibility = "visible"; } else { document.getElementById( img ).style.visibility = "hidden"; } } function started() { alert("消去"); imgmove( "moveball" , false ); alert("出現"); imgmove( "moveball" , true ); } </script> </head> <body> <div id="moveball" style="position:absolute; left:200px; top:200px;"> <img src="img.png"> </div>

</body> </html>

二つ目のfunction内の話なのですが、急に変数にballがつくのが良く分かりません。検索してみましたが目ぼしい情報が見つからずここで質問してみました。よろしくお願い致します。

行動規範の内容に同意します

回答2件

こんにちは。

imgmove関数の第一引数にmoveballという名称を指定しています。
その第一引数を元にエレメントを検索しています。

つまり<div id="moveball"を検索するためのidを文字列として指定しているということだと思います。

投稿2015/05/10 12:50

Tak1wa

総合スコア4791

mo3

2015/05/10 13:11

こんにちは。回答ありがとうございます。 Tak1wa さんの回答で勘違いに気付けました…。上にdocument.getElementById( img ).style.visibility = "visible"; という記述があるのでballという値に特別な意味があるのかと勘違いしていたようです…。初歩的なつまづきに対し回答いただきありがとうございました。また機会があればよろしくお願いします。

行動規範の内容に同意します

ベストアンサー

ballとはmoveballのことでしょうか？
これは変数ではなく、文字列（＝値）です。

started関数より下のdivタグにid="moveball"と指定されている部分がわかりますか？

lang
1<div id="moveball" 
2     style="position:absolute; left:200px; top:200px;"> 
3     <img src="img.png"> 
4</div>

これはdivタグに挟まれた部分（ブロック要素）に、"moveball"という名前と、表示位置（style属性）、それから表示する画像（imgタグ）を指定しています。

started関数でimgmove関数の引数imgに"moveball"という名前を渡しています。

lang
1function imgmove( img , move ) { 
2  if ( move ) { 
3    document.getElementById( img ).style.visibility = "visible"; 
4  } else { 
5    document.getElementById( img ).style.visibility = "hidden"; 
6  } 
7}

引数imgはdocument.getElementById()と一緒に使われていますね。
この関数を使うことでページ上に表示されている要素を名前（id）で取得することができます。
style.visibility = "visible"; の部分で要素の表示、非表示を切り替えています。

投稿2015/05/10 13:04

編集2015/05/10 15:24