SVG:追加标题自我封闭路径以IE11中的无效XML结束

时间:2018-03-15 14:07:39

标签: javascript svg internet-explorer-11

自IE11(11.309.16299.0)的最新更新以来,我遇到了一个新问题,我可以使用以下代码片段进行演示:

var tE = document.createElement("div");
tE.innerHTML = "<svg><g><path /><path></path></g></svg>";

var tT = document.createElementNS('http://www.w3.org/2000/svg', 'title');
tT.textContent = 'test';

tE.querySelector('path').appendChild(tT);

console.log(new XMLSerializer().serializeToString(tE.firstChild));

IE11(11.309.16299.0):

<svg xmlns="http://www.w3.org/2000/svg"><g><path><title>test</title></path></path><path /></g></svg>

这个返回无效的XML,这是不行的

IE11(在11.309.16299.0之前),Chrome,Firefox和Edge:

<svg xmlns="http://www.w3.org/2000/svg"><g><path><title>test</title></path><path/></g></svg>

这个返回我要找的内容

我如何使用新版IE11提供的无效XML处理新案例?

编辑:

显然,IE11的版本并不重要,只是很快就没有注意到。

0 个答案:

没有答案