Guten Abend zusammen
Ich habe den Code einer Seite mit einer bzw. mehreren Tabellen. Ich will jetzt mit Javascript in ein td-Tag vor dem schon existierenden Link bzw. a-Tag ein Bild, also img-Tag, einfügen.
Da es sich um ein Greasemonkey-Script handelt kann ich den Quelltext nicht ändern - ich muss ihn so nehmen wie er ist.
Der Code sieht aber an dieser Stelle so aus:
HTML-Code:
<table class="navi-border" style="width: 1000px; border-collapse: collapse; margin:11px auto auto; text-align: left;">
<tr>
<td>
<table class="menu nowrap" width="1000">
<tr id="menu_row">
<td><a href="/game.php?village=51802&screen=&action=logout&h=60eb" target="_top">Ausloggen</a></td>
<td><a href="http://forum.staemme.ch/index.php" target="_blank">Forum</a></td>
<td><a href="help2.php" target="_blank">Hilfe</a></td>
<td><a href="/game.php?village=51802&screen=settings">Einstellungen</a></td>
<td><a href="/game.php?village=51802&screen=premium">Premium</a></td>
<td><a href="/game.php?village=51802&screen=ranking">Rangliste</a></td>
<td> <a href="/game.php?village=51802&screen=ally">Stamm</a></td>
<td><a href="/game.php?village=51802&screen=report"> Berichte</a></td>
<td><a href="/game.php?village=51802&screen=mail"> Nachrichten</a></td>
<td><a href="/game.php?village=51802&screen=memo">Notizen</a></td>
</tr>
</table>
</td>
</tr>
</table>
(es handelt sich um das Browsergame Die-Stämme, ich habe die Original-Links gelassen)
Also, der Ort, an dem ich eben ein Bild einfügen möchte, ist dieser:
HTML-Code:
<td> <a href="/game.php?village=51802&screen=ally">Stamm</a></td>
Da in dem Leerraum zwischen <td> und <a href="">.
Mein Lösungsvorschlag bis jetzt ist folgender:
HTML-Code:
for(var x = 0, imgs = document.getElementsByTagName("td"); x < imgs.length; x++)
{
if(imgs[x].innerHTML.match(/<a href=\"\/game\.php\?village=(.*)&screen=ally\">/))
{
imgs[x].parentNode.insertData(0, '<img src="graphic/ally_forum.png />');
}
}
Doch da passiert mal einfach gar nichts...
Daher meine Frage: Was mache ich falsch? Gibt es einfachere Möglichkeiten das zu realisieren? Es ist eben blöd, dass dieser <td> keine ID zugewiesen bekommen hat...
Danke schon jetzt für die Antworten ;)
Gruss Lukas
EDIT:
Ich habe gesehen, dass document.getElementsByTagName("td").length 0 als Wert ausgibt - dies kann ja wohl nicht sein, oder? Da sollte doch die Anzahl TD-Elementen als Zahl ausgegeben werden, oder täusche ich mich da?