javascript - 更改<svg>对象路径的笔触不透明度

简而言之-我试图通过将鼠标悬停在左侧的标题之一上来更改路径中的笔触不透明度（您会看到“ presidio”标题具有指向其的链接）
到目前为止，我所见的JQuery / javascript答案都没有用。

我尝试过的最新片段是：

d3.select('.presidio').on('mouseover', function(){
  console.log('hey!');
  var object = document.getElementById("presidio");
  object.setAttribute("stroke-opacity", 1);
});

svg很大，因此将其粘贴到此处将需要一百万年的时间才能阅读。但是如果您想在此处检查svg元素：http://www.petegetscreative.com/hoods/hoods.html

最佳答案

要更改ID为'presidio'的元素的不透明度，请执行以下操作：

d3.select('#presidio').style("stroke-opacity", "1");

为“ presidio”类的所有元素添加鼠标悬停效果

d3.selectAll('.presidio').on('mouseover', function(){
  d3.select(this).style("stroke-opacity", "1"); })