JavaScriptでエレメントのIDを取得

質問

JavaScriptで、エレメントのIDを取得する方法がわからず困っています。

[画像]ここをクリック
[画像]ここをクリック

上記が画面配置のイメージなのですが、「ここをクリック」の文字をクリックした時に、そのクリックされた<a>タグのIDを取得したいのです。

以下が試行錯誤したソースの一部です。

[html]
<img src="./test_01.gif" name="testImg01">
<a href="javascript" id="test_01" onclick="getID(this);">ここをクリック</>

<img src="./test_02.gif" name="testImg02">
<a href="javascript" id="test_02" onclick="getID(this);">ここをクリック</a>

[JavaScript]
function getID(element) {
var id = document.getElementById(id);

alert(id);
}

上記コードで得られたのは「null」という値でした。
色々検索してはいるのですが、思うように値を取得できません。
どうか知恵をお貸しください。

回答No.1

LancerVII · ベストアンサー

こんにちは。

<a href="#" id="test_01" onclick="showId(this.id);return false">ここをクリック</a>
<a href="#" id="test_02" onclick="showId(this.id);return false">ここをクリック</a>

function showId ( id ) {
alert ( id );
}

これで取得できませんでしょうか。
(IEとFireFoxで確認できました)

お礼

LancerVII　様

こんにちわ。

教えていただいたサンプルで無事に取得することができました！！
今回は、getID(this)のthisの部分は変えたくなかったため、頂いたサンプルを参考に取得側を変更して使用しています。

function getID(element) {
var id = element.id;
alert(id);
}

とても勉強になるご回答をありがとうございました！！