Internet Explorer 11-动态SVG创建

Question

我需要创建一个JavaScript框架来在浏览器内部构建流程图。 要操纵DOM，我主要使用以下函数insertAdjacentHTML。

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

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

• innerHTML（+ =）
• appendChild

但是它们都不支持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")

那是神奇的话！