如何使用javascript获取SVG地图的省、区、标题属性

Question

如何从SVG Map路径中获取属性值。我使用了javascript

<object data="https://svgur.com/i/QXQ.svg" type="image/svg+xml" id="map"></object>
<script>
var a = document.getElementById("map");
a.addEventListener("load",function(){
var svgDoc = a.contentDocument;
var delta = svgDoc.getElementById("provinceMap");
delta.addEventListener("mousedown",function(e){
console.log(e["path"]);
}, false);
}, false);
</script>

Answer 1

这样你就可以

console.log(e['path'][0].getAttribute("province"));
console.log(e['path'][0].getAttribute("district"));
console.log(e['path'][0].getAttribute("title"));