更改 Google Chrome 中的 xlink:href 属性答案

【问题标题】：Change xlink:href attribute in Google Chrome更改 Google Chrome 中的 xlink:href 属性
【发布时间】：2014-11-14 23:11:45
【问题描述】：

我想在 SVG-. 它在 Firefox 和 IE 中运行良好，但由于某种原因在 Chrome 中无法运行。

svgItem.setAttribute("xlink:href", "http://link/to.png");

有解决办法吗？

【问题讨论】：

【解决方案1】：

setAttributeNS 完成任务！

svgItem.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href", "http://link/to.png");

【讨论】：

请注意，这只是您第一次设置属性时需要的。修改像xlink:href 这样已经存在的属性不需要我们使用setAttributeNS 而不是setAttribute。
@KingKing 对于任何有前缀的属性，我建议使用setAttributeNS，请参阅w3c.github.io/dom/#dom-element-setattribute。
@ErikDahlström 谢谢，但我不会。我了解 setAttribute 适用于 属性节点。此节点已包含有关命名空间的信息，因为它之前是使用 setAttributeNS 创建的。你给我的链接对我没有帮助。
@KingKing 好吧，您在技术上是对的，但在 100% 的情况下将 setAttributeNS 用于此类属性有什么害处？