onclickで実行する関数内から自分自身の要素を取得する

投稿日 by

JQueryとか使えば簡単なんだろうけど、なくても出来た。

他人様のサイトなのでHTMLソースをいじれない事情があり、
idもclassもJQueryもない状況でonclickで実行する関数内から自身のhrefを取得したかった。

1
<a onclick="hoge()" href="http://www.google.co.jp/">test</a>

というAタグがあるとする。

1
2
3
4
5
hoge = function() {
  var e = (window.event)? window.event : arguments.callee.caller.arguments[0];
  var self = e.target || e.srcElement;
  console.log(self.href);
};

これでhref属性がコンソールにoutputされる。

参考にしたサイトはこちら。
【javascript】onclickされた時のthis(自分自身)を取得したい。 | げことじ。