使用xlink:href的Svg名称空间

Question

我想创建一个svg元素，其中use引用svg精灵中的图标:

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg")
var use = document.createElementNS("http://www.w3.org/2000/svg", "use")
use.setAttributeNS("http://w3.org/1999/xlink", "href", "/sprite.svg#some-icon")
svg.append(use)
document.body.append(svg)

创建标记

<svg><use href="/sprite.svg#some-icon"></use></svg>

但是没有显示，除非我执行

document.body.innerHTML = document.body.innerHTML

我知道我在命名空间上做错了什么，但不明白到底是什么。

Answer 1

名称空间字符串错误。必须是后面的

http://www.w3.org/1999/xlink