Javascript svg：更改悬停事件中所有元素的填充

当任何“class=”shape“元素处于“mouseover”/“mouseout”状态时，我尝试将css更改应用于所有“class=”shape“元素：

var shapes=document.getElementsByClassName（'shape'）；
对于（var i=0；i
你只是在寻找JS解决方案吗？如果不是，这里有一个更简单的基于CSS的解决方案


svg{
光标：指针；
}
svg:hover path.shape{
填充：#f00；
}
svg:hover path.outline{
行程：#f00；
}
您可以去掉所有JavaScript代码，只需使用以下CSS：

.shape {
  fill: #333;
}

svg:hover .shape {
  fill: red;
}

感谢@pewstiepoll，我一直在尝试添加#Find#u out_more:hover（不起作用）并且没有尝试svg:hover，非常感谢！