Javascript 如何获取SVG的fill属性值

如何在java脚本或jquery中获取svg的填充属性值

if($(this).find('svg').attr('fill') == '#bfbfbf') 

---

这段代码对我没有帮助。

根据svg结构的不同，有两种方法可以获得填充

获取属性填充

document.getElementsByTagName("svg")[0].getAttribute("fill");

从样式中获取填充

document.getElementsByTagName("svg")[0].style.fill

---

这个问题不能用这样的代码来回答。你能再加一点吗？颜色代码是不必要的，在诸如

rgba（）、hex（）

等浏览器上可能会有不同的解释。我在div中有svg元素，我想根据svg的当前颜色切换或更改svg的颜色。这就是我正在尝试的方法，其中scope是对单击的div//if（$（scope）.find（'svg'）.attr（'fill'）=''bfbfbf'）/{/{/$（scope.find（'svg'））.css（{fill:'gold}）；//////else if（$（scope.find（'svg'）.attr（'fill'）='gold'）//{/$（scope.find（'svg'）.css（{fill:“#bfbfbf”}）；//}的可能重复项