Internet Explorer 11 - 动态 SVG 创建 [重复]

Question

我需要创建一个 JavaScript 框架来在浏览器中构建一个流程图。 为了操作 DOM，我主要使用函数 insertAdjacentHTML。

现在我在不同的浏览器中尝试当前的实现，我不得不意识到，Internet Explorer 11 不能在 SVGElement 中使用 insertAdjacentHTML 函数。

所以我尝试以其他方式添加新元素。

• innerHTML (+=)
• 追加子项

但它们中的任何一个都不在支持的 SVGElement 中。 我必须在现有的 SVGElement 中添加新元素（如矩形）。 有没有人知道如何为 Internet Explorer 11 使用它？

Answer 1

对不起，我忽略了一个有同样问题的旧帖子： Creating SVG elements dynamically with javascript inside HTML

var svgNS = "http://www.w3.org/2000/svg";
var rect = document.createElementNS(svgNS, "rect")
rect.setAttribute("fill", "black")

这就是神奇的词！