javascript 通过 ajax 可操作 SVG

Question

如何通过ajax获取SVG文件而不出现任何可以使用javascript操作(可选择)的错误。当我尝试简单的 jQuery get 函数时，它看起来可以工作，但问题在于将内容放入 div 中。

当我尝试使用这样的代码时

jQuery.get( "mysvg.svg", function( data ) {
  console.log(data);
})

在控制台中它显示完整的代码，但如果我尝试将其放入 DOM 中，我会得到

jquery.js?ver=1.12.4:2 Uncaught TypeError: Cannot read property 'ownerDocument' of null

如何解决这个问题？

Answer 1

解决方案是采用 #document 对象的子数组，即 ["documentElement"]

所以 svg 完美地附加了这个 jQuery 代码

$.get( "mysvg.svg", function( data ) {
  jQuery("#youdiv").append(data["documentElement"]);
})