SVG外部对象在更改之前不显示

Question

我正在向svg元素添加一个外来对象，该元素的id为“all”。当我这样做时，不会出现异物。

但是，如果我使用chrome的inspect元素工具，并对元素视图中的异物进行任何更改，则会出现该对象。

var panel = document.createElement('div');
panel.className = 'panel';

var foreign = document.createElementNS("http://www.w3.org/2000/svg", 'foreignobject');
foreign.setAttribute('width' , '202');
foreign.setAttribute('height', '122');
foreign.setAttribute('transform', 'translate(0 0)');

all.appendChild(foreign);

foreign.appendChild(panel);

这对我来说似乎很奇怪。我做错了什么？

谢谢， 萨姆。

Answer 1

SVG是区分大小写的语言，正确的标记名称是foreignObject