document.createElement() 创建未封闭的标签？

Question

在 Firefox 中会发生这种情况，但在 Google Chrome 中不会。

我在 svg-web 画布中创建了一个 SVG“图像”标签，如下所示：

im = document.createElementNS(svgns, 'image');
im.setAttributeNS(xlinkns, 'href', g.href);
canvas.appendChild(im);

如果我查看 firebug 或 chrome 的调试器，svg 会像这样显示自关闭：

<image xlink:href="..." />

但如果我随后打印 svg 元素的 innerHTML 的父级，它会返回：

<svg><image xlink:href="..."></svg>

请注意，图像标签现在未关闭，这会导致错误。我发现了一个错误，还是我做错了什么？而且，可能更难的是，JavaScript 中有没有办法检查和修复标签？

Answer 1

HTML 不要求空标签有结尾。即使文档是 XHTML，我也不确定它是否会从 innerHTML 属性返回有效的 XML。

编辑：Mozilla Developer Center documentation for innerHTML 说您不应该依赖从 innerHTML 中获得的内容，并建议使用一些库作为专门用于 XML 的替代品。