为什么<img/>标记由jquery更改为<img/>标记，在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这样做。