javascript可操纵SVG虽然ajax

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对象的子数组，这是[＆＃34; documentElement＆＃34;]

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

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

Answer 2

尝试将数据类型设置为“text”，然后附加到element。

 jQuery.get( "mysvg.svg", null , function( data ) {     
        $('body').append(data);
    },'text');