JavaScript Link finden und ersetzten ?

[michi12]

Hi @ all,

Ich habe zur Zeit ein kleines Problem:
Ich möchte gerne eine Webseite Clientseitig verändern.

Was soll gemacht werden: In einer Bild-Leiste, welche vom Server geliefert wird, soll ein Bild "herausgenommen" werden, und durch ein festes Bild ersetzt werden.

Dabei ist das Bild, welches ersetzt werden soll, immer ein anderes, ist jedoch immer am Anfang der Bildleiste. Das Bild, durch welches es ersetzt werden soll, ist immer das gleiche.

Ich poste nun einmal den nötigen Quelltext, welcher verändert werden soll.

<div id="abc">
	<div id="abc">
		<ul>
			<li>
				<a href="/bilder/123/4/"><img src="http://www.domain.de/bilder/123/28.gif"/></a>
			</li>
			<li class="highlight">
				<img src="http://www.domain.de/bilder/123/12.png"/>
			</li>
			<li>
				<a href="/bilder/123/6/"><img src="http://www.domain.de/bilder/123/4.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/7/"><img src="http://www.domain.de/bilder/123/5.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/8/"><img src="http://www.domain.de/bilder/123/6.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/9/"><img src="http://www.domain.de/bilder/123/7.png"/></a>
			</li>
			<li>
				<a href="/bilder/123/10/"><img src="http://www.domain.de/bilder/123/8.png"/></a>
			</li>
		</ul>
	</div>
</div>

In diesem Quelltext soll nun automatisch beim Aufrufen der komplette Link inklusive Bild im ersten <li></li>-Tag geädert werden, sodass das erste Bild durch ein anderes (fest definiertes) Bild ersetzt wird.
Also diese Zeile:

			<li>
				<a href="/bilder/123/4/"><img src="http://www.domain.de/bilder/123/28.gif"/></a>
			</li>

soll durch diese ersetzt werden:

			<li>
				<a href="/bilder/123/"><img src="http://www.domain.de/bilder/festes_Bild.jpg"/></a>
			</li>

Ich habe mir einmal Greasemonkey im Firefox installiert.



Nun zu meiner Frage:
Ist es überhaupt möglich, mit Greasemonkey und JS mein Ziel zu erreichen ?
Wenn ja, wie ?

Wäre dankbar für Tipps !
Mfg, Michi.

 

[Kantholy]

Zauberwort:

var images = document.getElementsByTagName("img")

dann einfach

images[0].src = "http://asdf.com/picture.png";

//oder:

foreach(var img in images)
{
img.src = "/somepic.png";
}

 

[michi12]

Zauberwort: Danke

Vielen Dank @ Kant-holz, klappt super.

Edit:
Zweites Problem gelöst

Danke nochmal !