Javascript 如何将名称为x.png的所有图像更改为带有Tampermonkey或Style的x.png？

我目前正在为我的本地路由器制作一个黑色主题，它使用的图像很糟糕，我想替换它们，但它们是用JavaScript添加的，在对Tampermonkey/Greasemonkey进行了大量的研究之后，我找不到任何方法来做这件事

我唯一的想法就是用另一个图像替换文件名，比如wan_up.png。

在时髦或类似的扩展名中使用CSS。

#您的选择器在这里{
高度：0！重要；
宽度：0！重要；
/*这些数字与新图像的尺寸匹配*/
左侧填充：32px！重要；
填充顶部：32px！重要；
背景：url(http://example.com/your/image/here)不要重复！重要的；
背景大小：32px 32px；/*用于缩放新图像的现代CSS属性*/
}

在显示图像元素之前，使用API更改图像元素。 MutationObserver有许多包装器，下面是一个基于以下内容的示例：

---

在@match、要替换图像的选择器和相应的新图像URL中编辑URL。

有一个示例。用

img[src*=“wan_up.png”]

选择器试试。@wOxxOm的问题是，图像是用javascript添加的，我以前从来没有弄乱过javascript，因为我一直在避免它，所以我不确定如何将css用于javascript。@wOxxOm好吧，sorta可以工作，使用wiki中的代码它确实添加了图像，但是它并没有删除旧的，所以旧的只是放在上面并覆盖它，为了说明为什么它在你的例子中不起作用，我需要查看页面源代码。维基技巧对我和许多其他人都有效，所以。。。这是我最后一次尝试在黑暗中拍摄：如果对你有效，我会添加一个答案。@wOxxOm好了，经过一段时间的胡闹，它终于起作用了，继续回答吧，我会接受它。

// ==UserScript==//
// @name           Replace image
// @match          http://192.168.0.1/*
// @run-at         document-start
// @require        https://greasyfork.org/scripts/12228/code/setMutationHandler.js
// ==/UserScript==

setMutationHandler({
    processExisting: true,
    selector: 'img[src*="wan_up"]',
    handler: images => images.forEach(img => {
        img.src = 'http://foo/bar.png';
    })
});