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

Question

如何从 SVG 地图路径中获取属性值。我用了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>
   

标签： javascripthtmlsvg

Answer 1

这样你就可以

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