通过 ajax 的 javascript 可操作 SVG答案

【问题标题】：javascript manipulable SVG though ajax通过 ajax 的 javascript 可操作 SVG
【发布时间】：2016-12-26 05:52:20
【问题描述】：

如何通过 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

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

尝试将数据类型设置为“文本”，然后附加到元素。

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

【讨论】：