javascript - 在 Raphael 中悬停时选择另一个路径对象

Question

我对 javascript 和 Raphael 都是新手。我创建了两个环，每个环中有多个路径。当有人将鼠标悬停在内环中同一位置的路径上时，我想更改外环中的路径状态。由于某种原因，我无法做到这一点并卡住了很长一段时间。有人可以帮忙吗？在下面的示例中，“b”是内环中路径 ID 的前缀，“c”是外环中路径 ID 的前缀。我尝试先识别 id，然后执行操作。我不知道这是否是一种好的做事方式，因此任何有关这方面的建议也会有所帮助。

e.mouseover(function(){
    e.attr(style[style.length-1]);
    if (e.node.id[0]=='b'){
      var i = e.node.id;
      i = i.replace("b","c");
      document.getElementById(i).attr({fill: 'red'});
    }
});

Answer 1

document.getElementById(i).setAttribute('fill', 'red')