我的网站上有一个SVG图像,可以在页面加载时自定义来自服务器的信息。我使用<object>
标记添加了图片。然后,我在加载时使用javascript更改svg中的文本:
<body>
...
<object id="svg-img" data="~/Images/svg-img.svg" type="image/svg+xml"></object>
...
<script>
var svgImg = document.getElementById("svg-img");
svgImg.addEventListener("load", function () {
var svgDoc = svgImg.contentDocument;
svgDoc.getElementById("element-to-change").textContent = "New content received by the server";
}, false);
</script>
</body>
除了Microsoft Edge之外,所有浏览器都能正常工作。当我使用Edge开发人员工具进行调试并在事件侦听器中设置断点时,它永远不会遇到断点;让我相信这个事件没有解雇。我需要做些什么来让它在Edge中运行吗?