Byta ut strängar, Greasemonkey

<img src="./styles/prosilver/imageset/site_logo.gif" alt="" title="" height="52" width="139">

Javisst. Det största problemet man har i Greasemonkey är att det kan vara bökigt att leta reda på elementen man vill ändra. Då det troligtvis inte är en sida man själv har gjort så måste man leva med att sidan kan förändras också.

Några alternativ för att hitta bilden:
Xpath, CSS-selector, manuell traversering etc.

I detta fall så är en manuell traversering ganska enkel att göra men det kräver lite trial-and-error för att hitta rätt element eller så kan man loopa men det kan vara problematiskt om det är massor med bilder.

var imageList = document.getElementsByTagName('img');
foreach(var image in imageList)
{
    if (image.src.indexOf('site_logo.gif') > -1)
    {
          image.style.width = '200px';
          image.style.height = '80px';
    }
}

Det går också att göra ganska bra med en css query selector

var image = document.querySelector('img[src~="site_logo"]);
image.style.width = '200px';
image.style.height = '80px';

Koden är otestad. Hojta om det är något som är oklart.

Ja, otestad kod gör sånt. Men jag tänkte att du skulle få en riktning om vad som skulle göras och rätta det själv.

Första lösningen gjordes lite knasigt. foreach existerar inte. Ganska onödigt anrop till getElementsByTagName då vi hämtar alla på hela pagen.
Detta borde fungera:

var images = document.images;
for (var i=0; i<images.length; i++)
{
    var image = images[i];
    if (image.src.indexOf('site_logo.gif') > -1)
    {
          image.style.width = '200px';
          image.style.height = '80px';
    }
}

Andra lösningen så skrev jag aningen fel syntax. Här är rätt kod:

var image = document.querySelector('img[src*="site_logo.gif"]');
image.style.width = '200px';
image.style.height = '80px';

Jag har kollat i kladdblocket mot denna sida: http://www.phpbb.com/styles/demo/3.0/board/index.php?style=87...
Där heter bilden logo.png

Finfint.

Får jag fråga vad och varför du gör det du gör?

Helt rätt!

Jag meckar om nästan alla sidor jag använder med Greasemonkey. Det var så jag lärde mig det mesta om Javascript faktiskt.
Jag kan tipsa om att det går att få in frameworks (jQuery exempelvis) om du ska fortsätta mecka i Greasemonkey.