如何使用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>

Answer 1

这样你就可以console.log(e['path'][0].getAttribute("province"));console.log(e['path'][0].getAttribute("district"));console.log(e['path'][0].getAttribute("title"));