使用嵌入或对象标记中的元素

我在页面中插入了带有嵌入或对象标记的svg图形：

图像正确加载，我可以使用浏览器调试器查看其SVG结构。 我看到了所有元素id和属性，但在我看来，没有办法在页面上使用我的脚本选择这些元素：

 $('#graphics path').length; // 0 (jQuery) $('path').length; // 0 anyway 

是否可以像往常一样浏览图形元素？

Answer 1

它将显示为单独的文档，类似于iframe。 您可以像这样访问它：

 var svg = document.getElementById('graphics').contentDocument 

请注意，等到加载svg文件很重要; 您可能希望将代码放在object元素的onload事件处理程序中，如下所示：