How to get SVG of clicked element in page with multiple svgs.
I prefer not to go up the parentNode chain till I find it is an SVG node. Thanks.
Asked
Active
Viewed 170 times
-1
-
4`.closest('svg')`? – CertainPerformance Sep 07 '19 at 11:40
-
That IS pure Javascript. – Niet the Dark Absol Sep 07 '19 at 11:42
-
No jQuery needed for `.closest` – CertainPerformance Sep 07 '19 at 11:42
-
1Since this question is specifically about SVG and that SVGElement are special and that there doesn't seem to be a true duplicate for this special case, I will reopen this question. – Kaiido Sep 07 '19 at 11:56
1 Answers
1
The SVGElement interface exposes an ownerSVGElement property that will expose just that information:
document.querySelector('rect').onclick = function(evt) {
console.log(this.ownerSVGElement.id);
};click the rect<br>
<svg id="find_me">
<rect width='200' height='200'/>
</svg>
Kaiido
- 123,334
- 13
- 219
- 285