idを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

No.1 ベストアンサー 回答者： LancerVII 回答日時： 2012/07/13 17:07

こんにちは。

==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。

この回答へのお礼

ありがとうございます
こういうことです＾＾
引数にthisが使えるんですね
javascript始めたばかりなので勉強になります
さっそく使ってみます

お礼日時：2012/07/14 08:15

No.2 回答者： yambejp 回答日時： 2012/07/13 17:12

こういうことでしょうか？

<script>
function sampleFunc(obj) {
alert(obj.title);
return false;
}
</script>
<a href="#" title="ゴール" onclick="return sampleFunc(this);">test</a>

もしくはこんな風に
<script>
try{
document.addEventListener ('click',function(e){clickfunc(e)},true);
}catch(e){
document.attachEvent('onclick',function(e){clickfunc(e)});
}
function clickfunc(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="A"){
alert(t.title);
if(e.preventDefault)e.preventDefault();
else e.returnValue = false;
}
}
</script>

<a href="#" title="ゴール">test</a>

この回答へのお礼

使えました
ありがとうございます
今回はブログのカスタマイズで入れるのでコードの短いものを使わせていただくことにします

そこでもう一つ疑問が出たのですが
2つ目のコードはオブジェクトなんでしょうか？
tryが入ってるからそうなのかなと思っただけで中身に何が書いてあるのか勉強しないとわからないのですが、オブジェクトのほうがブラウザの負担が軽くなりそうなので勉強したいと思ってます

お礼日時：2012/07/14 08:21