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

質問

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

回答No.1

LancerVII · ベストアンサー

こんにちは。

==== 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始めたばかりなので勉強になります
さっそく使ってみます

回答No.2

yambejp

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

<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が入ってるからそうなのかなと思っただけで中身に何が書いてあるのか勉強しないとわからないのですが、オブジェクトのほうがブラウザの負担が軽くなりそうなので勉強したいと思ってます