如何使用javascript或jquery获取实际的svg填充属性

我可以在单击SVG矩形时使用jQuery更改其填充属性

但是如何获得该矩形的实际填充属性

以下是我的尝试：

$（文档）.ready（函数（）{
var svg=$（'#test_svg'）。查找（'#rect10'）[0]；
$（“#测试按钮”）。单击（函数（）{
log（svg.getAttribute（'style'）；
});
});

Show rect10 fill属性
您需要使用DOM元素的
样式
属性：

示例：
alert（svg.style.fill）
您的svg的id为
svg8
，但您选择的是
\test\u svg
。
#test_svg
元素在哪里？#test_svg是svg周围的id。通过将.find（#rect10）替换为.find（'svg'），我可以获得svg的任何属性。但是我想得到svg中的#rect10的属性填充。我该怎么办？谢谢你的帮助。见下面的@David的答案。您只需要
let rect=document.querySelector（“#rect10”）；log（rect.style.fill）谢谢，正是我需要的！非常感谢你！这就是我错过的。