意味を教えてください。

質問

初心者です。
webの勉強をしているものです。
DOM Scripting標準ガイドという本を読み進めています。

どうしても意味が分からないので教えていだだけると幸いです。
htmlコード
<h1>スナップショット</h1>
<ul>
<li>
<a href="images/fireworks.jpg" onclick="showPic(this); return false;" title="打ち上げ花火">花火</a>
</li>
<li>
<a href="images/coffee.jpg" onclick="showPic(this); return false;" title="一杯のブラックコーヒー">コーヒー</a>
</li>
<li>
<a href="images/rose.jpg" onclick="showPic(this); return false;" title="赤い赤いバラ">バラ</a>
</li>
<li>
<a href="images/bigben.jpg" onclick="showPic(this); return false;" title="有名な時計">ビック・ベン</a>
</li>
</ul>
<img id="placeholder" src="images/placeholder.gif" alt="イメージギャラリー" />
<p id="description">写真をお選びください</p>

javascriptコード
function showPic(whichpic) {
var source = whichpic.getAttribute("href");
var placeholder = document.getElementById("placeholder");
placeholder.setAttribute("src",source);
var text = whichpic.getAttribute("title");
var description = document.getElementById("description");
description.firstChild.nodeValue = text;
}
function countBodyChildren() {
var body_element = document.getElementsByTagName("body")[0];
alert (body_element.childNodes.length);
}

です。

javascriptの2行目でwhichpic.getAttribute("href")
とあります。
関数の引数であるwhichpicが2行目に入る意味が分かりません。
本では
「whichpicは要素ノードを表しています。具体的には<a>要素を表しています。画像へのパスを抜き出すのは、whichpic要素にgetAttributeメソッドを使うことで実現できます。」
とあります。
whichpicがなぜa要素を表すことになるのかがどうしても分かりません。

どうか教えてください。

回答No.1

15mm · ベストアンサー

showPic関数が呼び出されているところを見てください。（ＨＴＭＬ部分）
<a ・・・ onclick="showPic(this); return false;" ・・・>

引数として「this」、つまり<a>要素そのものへの参照を渡しています
「私（this、<a>）を使ってshowPicを実行してくださな」という指示です。

それを受け、showPic関数では、
function showPic(whichpic) {
としてwhichpicという変数に<a>への参照を入れています。
ちょっと変ですが　whichpic ＝ this ＝ <a>　という感じです。
これで、whichpicを使って<a>を操作できるようになるわけです。→「whichpicは要素ノードを表しています」

なので
whichpic.getAttribute("href")
は、whichpic（＝<a>）のhref（リンク先ＵＲＬ、この場合画像ＵＲＬ）を参照できるわけです。

お礼

さっそくお返事ありがとうございました。
なるほど、<a ・・・ onclick="showPic(this); return false;" ・・・>
thisの意味が分かりました。

本ではonclickを入れるのが随分後で出てきていて、いきなりwhichpicはa要素を指しますと書かれていたので？？？？？になってしまいました。

本を読んでも分からない事が多く、このように立ち止まってしまうことがあります。

このようにご丁寧な回答は本当に助かります。
ありがとうございました。