12/29/2010

クリックした要素を取得する時には srcElement

クリックした要素のタグ名やら id やらを取得したいとき、srcElement が活躍してくれる。

document.onclick = function(evt) {
var thisTag = evt.srcElement.tagName;
};

クリックした event から srcElement で要素を取得し、tagName でタグ名を取得している。ただ、この時 tagName で取得できる文字列は大文字なので、好みにより「evt.srcElement.tagName.toLowerCase()」で小文字にしてもいい。

ちなみにクリックした要素の「階層上」上の要素を取得したい場合は、「evt.srcElement.parentElement.tagName」にすれば良い。

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.