javascript - 是否可以在 svg 中定位具有使用 javascript 设置的填充属性的特定路径？

Question

大家好，我有一个页面，我在其中注入了一些 svg 元素，它们看起来像这样：

<svg>
<path fill="#FFFFFF" d='....'></path>
<path d='....'></path>
<path d='....'></path>
<path d='....'></path>
</svg>

我无法更改使用 javascript 库注入的 svg 文件，并且我想动态更改它们的背景颜色，有没有办法针对将填充属性设置为某些东西的唯一路径？

标签： javascriptsvg

Answer 1

你可以使用 hasAttribute 元素是否有特定的

document.querySelectorAll('.svg path').map( o=> 
        if(!o.hasAttribute('fill')) {
            o.setAttribute('fill', '#eee')
        } 
    );