snap svg添加/删除链接属性

Question

我能够使用ECMAScript操纵SVG链接元素的xlink：href属性，如下所示：

var xlinkns = "http://www.w3.org/1999/xlink";

myLink.setAttributeNS(xlinkns, "xlink:href", "#");//add href attribute to the link

myLink.removeAttributeNS(xlinkns, "href");//remove the href attribute from the link

我的问题是：使用javascript或snap SVG执行完全相同的操作的正确语法是什么？

Answer 1

快照

element.attr("xlink:href", "http://google.com");

Snap将为您找出命名空间

在Ecmacript（这是javascript的同义词）中

＆＃13;

＆＃13;

var xlinkns = "http://www.w3.org/1999/xlink";
var myLink = document.getElementById("link");
myLink.setAttributeNS(xlinkns, "href", "http://google.com");
alert(myLink.getAttributeNS(xlinkns, "href"));

＆＃13;

<svg><a id="link" xlink:href="http://stackoverflow.com"/></svg>

＆＃13;

＆＃13;

＆＃13;