javascript - 是否可以定位 svg 中使用 javascript 设置了 fill 属性的特定路径？

Question

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

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

我无法更改使用 javascript 库注入(inject)的 svg 文件，并且我想动态更改其背景颜色，有没有办法定位填充属性设置为某项的唯一路径？

Answer 1

you can use hasAttribute whether element have a particular or not

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