即使我等待SVG加载，也找不到对象#document元素

作者: 蜡笔小辛
发布时间: 2025-01-08 08:21:24 (19天前)
转自：

2 条回复

0#
回复此人
一生浮华 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你是否有机会在当地进行测试 <code> file:// </code> Chrome上的网址？如果是这样，请尝试使用Firefox。 Chrome对待 <code> file:// </code> 网址为不同的域名，不允许您通过该网址访问其内容 <code> contentDocument </code> 属性。 </p> <P> 以下示例适用于我在Firefox中。为清楚起见，我已将某些变量重命名。 </p> <pre> <code> <!DOCTYPE html> <html> <head> <title>SVG + Object test</title> <meta charset="UTF-8" /> </head> <body> <object data="kiwi.svg" type="image/svg+xml" class="index-modificat" ></object> <script> var objectElem = document.querySelector("object"); objectElem.addEventListener("load", function () { contentDoc = objectElem.contentDocument; svg = contentDoc.documentElement; console.log("svg = ",svg); }); </script> </body> </html> </code> </pre> </DIV>

编辑

登录后才能参与评论