IE11 jQuery html() 在 SVG 元素内不起作用答案

【问题标题】：IE11 jQuery html() does not function inside SVG elementIE11 jQuery html() 在 SVG 元素内不起作用
【发布时间】：2014-07-20 22:01:25
【问题描述】：

适用于 Chrome 等。

屏幕截图应说明情况。

SVG 的内容已在 DOM 中更改，但“DOM Explorer”报告原始矩形仍然存在（正在显示）。

有趣的是，OS X 上的 Safari 7 也表现出相同的行为。

【问题讨论】：

在 IE 中，innerHTML 在 html 命名空间中创建元素，而不是在 svg 命名空间中。您可以尝试使用 DOMParser 而不是 developer.mozilla.org/en-US/docs/Web/API/DOMParser，但您需要在要解析的根元素上放置一个 SVG 命名空间。

【解决方案1】：

我遇到了同样的问题。

一个快速的解决方法是使用 jQuery empty() 而不是 html('');

例如，

var svg = d3.selectAll("svg");
svg.each(function() {
    // does not work in IE $(this).html('');
    $(this).empty();
});

【讨论】：