另一种方法是切换DOM属性,在HTML5环境中看起来有点复杂,因为我认为我可以用一行中的setAttributeNS和getAttributeNS来解决它,经过一些测试后似乎在HTML5中getAttribute(‘xlink：href’)工作更好,所以完整的代码试图测试哪个函数返回一个值.

function toggleLink(element,value1,value2) {
  var xlinkNS = 'http://www.w3.org/1999/xlink';
  var linkName = 'xlink:href';
  var oldValue = element.getAttributeNS(xlinkNS,linkName) || element.getAttribute(linkName);
  if (element.hasAttributeNS(xlinkNS,'href')) {
    element.setAttributeNS(xlinkNS,linkName,oldValue == value1 ? value2 : value1)
  }
  else {
    element.setAttribute(linkName,oldValue == value1 ? value2 : value1);
  }
}

    .st0{fill:none;
    stroke:#000000;
    stroke-width:4;
    stroke-miterlimit:10;}