Question

我有一个SVG地图，在'object'标签的帮助下，它被niserted成HTML。然后，我尝试使用jQuery访问地图的元素。（特别是我尝试用红色填充矩形。）

HTML：

<object data="map.svg" type="image/svg+xml" id="map" width="1840" height="940"></object>

jQuery的：

jQuery(window).load(function () {
        var svgobject = document.getElementById('map');
        if ('contentDocument' in svgobject) {
            var svgdom = jQuery(svgobject.contentDocument);
            jQuery("#rect4578", svgdom).attr("fill", "red");
        }
    });

在chrome中我收到错误：无法读取null的属性'contentDocument' （匿名功能） n.event.duspatch n.event.add.r.handle

有什么问题？

谢谢。

Answer 1

您是否仅在Chrome中收到此错误？调试代码并在代码中查看此行

var svgobject = document.getElementById('map')

你在这里得到什么回报？ svgobject是null吗？因为你的身份证不是＆＃34; map＆＃34;它的＆＃34; imap＆＃34;

Answer 2

id imap为map而getElement不是{{1}} ....

无法阅读属性＆＃39; contentDocument＆＃39;为null

2 个答案: