Javascript 为什么<；图像>；标签已更改<；img>；通过jquery和xFF0C进行标记；含铬

我使用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>");

$（'svg#lotsofimage'）。追加（“”）；

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

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

而不是

---

如何处理这个问题？

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

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

---

除了Chrome、Firefox和Opera，似乎只有Chrome能做到这一点。在我检查的一些标准中，我找不到任何关于这种行为的参考。如果您想让Chrome创建一个

图像

标记，您可能需要使用

document.createElements

将它显式地放在正确的名称空间中。我不知道您如何让jQuery做到这一点。

只是为了确保我没有失去理智。什么时候有了

标记？@freshyeball：它是SVG的一部分；它不存在于HTML中。我刚刚演示了，如果您尝试创建一个，即使不使用jQuery，Chrome也会将其转换为

img

标记。没有

标记。你在干什么？@freshyeball:

image

是SVG的一部分。@icktoofay哦，对了。谢谢你的澄清