javascript – 正确获取名称空间声明属性值的方法

前端之家收集整理的这篇文章主要介绍了javascript – 正确获取名称空间声明属性值的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_1@考虑这个SVG / XMLJavaScript
<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”);

解决方法

@L_403_2@规范将第二个参数记录为:

“The 07001 of the attribute to retrieve.”

根据Namespaces in XML,3rd Edition,xmlns前缀为reserved,并用作PrefixedAttName的一部分来定义NSAttName.

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

var xlnk = foo.getAttribute('xmlns:xlink');
原文链接:https://www.f2er.com/js/156772.html

猜你在找的JavaScript相关文章