Bonjour

J'utilise Javascript avec du SVG afin de récupérer de l'information sur différents éléments du svg.

Pour cela j'utilise notamment la fonction suivante
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
function info(evt) {
      var bat = evt.target;
	  alert(bat.parentNode.getAttribute("id"));
    }
Cependant l'élément retourné ne correspond pas à un noeud parent, mais à celui d'un enfant.
Je vous mets en exemple mon code svg :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<g  id="carte" transform="rotate(0)" onclick="info(evt)"> 
		<g id="ensemblei">
			<g id="i1">
				<path style="&st29;" d="M260,3396.3l-0.2-429.1l-22-32L0.5,2957.6v424.2l182.5,19.5L260,3396.3z"/>
				<path style="&st33;" d="M238,3364.3l-0.2-429.1l-32.8-29.9L0.5,2924.1v428l160.5,17.2L238,3364.3z"/>
			</g>
			<g id="i2">
				<path style="&st29;" d="M264.1,2673.7l-0.1-428.4l-8-29l-24-29L0.5,2031.6v690.3l235.5-21.5L264.1,2673.7z"/>
				<path style="&st33;" d="M240.1,2644.7l-0.1-428.4l-8-29L0.5,2021.3v669.4l211.5-19.3L240.1,2644.7z"/>
			</g>
	</g>
</g>
Donc il me renvoie i1 ou i2, mais pas carte.
Comment faire pour que parentNode me renvoie bien la valeur du parent ?