获取命名空间声明属性值的正确方法

Question

考虑一下 SVG/XML 和 JavaScript：

<svg id="foo" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink">
  <use id="bar" xlink:href="#whee" />
</svg>
...
var foo  = document.getElementById('foo');
var bar  = document.getElementById('bar');
var xlnk = foo...; // What is correct here?
var link = bar.getAttributeNS(xlnk,'href');

显然我可以使用 xlnk = "http://www.w3.org/1999/xlink"; 来完成这项工作；但是，我的问题是动态获取 svg 元素上的 xmlns:xlink 属性的正确方法是什么？

以下代码恰好可以在 Safari/Chrome/FF 中运行，但它真的有效吗？
var xlnk = foo.getAttribute('xmlns:xlink');

以下代码在这些浏览器中返回空字符串：
var xlnk = foo.getAttributeNS("http://www.w3.org/2000/svg", "xlink");

Answer 1

getAttributeNS() 规范将第二个参数记录为：

“要检索的属性的本地名称” ”

根据 XML 中的命名空间，第三版，xmlns前缀是保留并用作PrefixedAttName 定义 NSAttName.

由于 NSAttName 没有“本地部分”，并且没有 QName 确实如此 - 似乎 xmlns:xlink 不被视为命名空间+本地名称，而是属性名称本身。由于这与通常符合标准的浏览器的实验结果一致，因此我确信以下代码是有效且正确的：

var xlnk = foo.getAttribute('xmlns:xlink');