javascript - 为什么一个标签被jquery改变了标签，在chrome中

Question

我使用 jquery 来控制 chrome 中的 SVG 文件，

$('svg #lotsofimage').append("<image xlink:href='" + conf[thing].base + "' width= '" + conf[thing].width + "px' height= '" + conf[thing].height + "px' x='" + thing_x + "pt' y='" + thing_y + "pt' ></image>");

但我打开开发工具，它显示如下：

<img xlink:href="xxxx" width="xxxx">
<image></image>was instead of <img />

如何处理？

Answer 1

这不是 jQuery；它是 Chrome 的 DOM 实现。尝试这个：

> document.createElement('image').tagName
'IMG'

在 Chrome、Firefox 和 Opera 之外，似乎只有 Chrome 能做到这一点。在我检查的一些标准中，我找不到任何关于这种行为的参考。如果您希望 Chrome 创建image标签，您可能需要使用document.createElementNS. 我不知道你如何让 jQuery 做到这一点。