ok, das ist ein argument und ich lasse mich auch gern überzeugen. ich habe mittlerweile auch den fehler gefunden. die ursache liegt darin, dass unterschiedliche browser die inhalte vom <img> tag in unterschiedlicher reihenfolge anzeigen, also bei einem kommt erst das scr, dann alt, dann title, beim anderen browser anders. damit klappt natürlich das extrahieren nicht mehr so ganz. (by the way, warum nimmt der browser das nicht einfach in der reihenfolge, wie ich es schreibe?).
Weil wenn du innerHTML änderst nicht einen String änderst, wie du vielleicht meinst, sondern das ist eine spezielle Funktion, mit der du nachträglich HTML Code in den Dokumentenbaum einpflanzen kannst. Natürlich muss dann der Browser, diesen Code interpretieren und für seine Zwecke so umbauen, dass er in der Lage ist diesen darzustellen.
Dass dann der Code nicht immer 1:1 umgesetzt wird, ist klar, wegen der Fehlertoleranz gegenüber HTML Code. Wie z.b. diese Frage zeigt.
damit bin ich dann wirklich auf eure lösung angewiesen und bitte nochmal um hilfe, wie ich die src angabe aus folgendem konstrukt rausbekomme:
<div id="referenz2" style="position: absolute; top: 0px; left: 264px;"><img src="./referenzen/1166180146Referenz-Kunden_einzeln_41.jpg" width="130" height="65" alt="Allgaier Gruppe" title="Allgaier Gruppe" /></div>
Ich hab mir deinen code mal genauer angeschaut, er ist eine Katastrofe aus der Sicht semantisch korrekten HTML Code. Ein DIV Element reiht sich an das andere, Klassen und ID wurden ausgeschüttet mit vollen Händen. Einmal enthält der code dadurch für Suchmaschinen so gut wie keine Informationen (du kannst im Firefox CSS auschalten, dann siehst du, was in etwa eine Suchmaschine sieht, ein paar Links und eine Menge Bilder, aber kein Text, der in irgendeiner Art und weise ausgezeichnet wurde und dadurch eine Bedeutung bekommt. DIV und SPAN sind "bedeutungslose" Tags, die bestimmte Aufgaben erfüllen, aber man sollte sich immer bemühen diese zu vermeiden und ein entsprechendes HTML Element auswählen.
Die meisten Klassen, die du verwendest sind überflüssiger Ballast. Du kannst im CSS auf HTML Element verweisen. D.h. wenn du einen Bereich mit einer ID hast, dann schreibst du im CSS: #ID ELEMENT das läßt sich dann auch noch verschachteln: #ID ELEMENT1 ELEMENT2, damit sprichst du das ELEMENT2 an das innerhalb eine ELEMENT1 in dem Element mit der id ID angeordnet ist.
z.b.:
<div class="adressbereich">
<div class="telefon">
Fon: 07308·9655·0<br>
Fax: 07308·9655·44</div>
<div>
<a href="mailto:info@datadruck.com" onclick="this.blur();" onmouseover="statuszeilentext(''); return true;">info@datadruck.com</a><br>
ftp://mail.datadruck.com</div>
</div>
schon allein der Klassenamen sollte zeigen welches Element zu hier eigentlich verwenden willst: http://de.selfhtml.org/html/text/zitate_adressen.htm#adressen
und falls du innerhalb dieses Blocks, wirklich die Telefonnummer anders formatiert haben willst, reicht ein SPAN Element, z.b. so:
<address>
<span>
Fon: 07308·9655·0<br>
Fax: 07308·9655·44
</span>
<a href="mailto:info@datadruck.com">info@datadruck.com</a>
<br>
ftp://mail.datadruck.com
</address>
Mit CSS kannst du die Elemente dann so ansprechen:
address
{
border:1px solid black;
}
address span
{
display:block;
color:red;
}
Was ich damit sagen will, dass dein Konstrukt schon umständlich ist und dir die Lösung erschwert.
Warum nicht so:
<img id="referenz2" style="position: absolute; top: 0px; left: 264px;" src="..." .... />
(und im zweifelsfall noch ein display:block dazu.
mit document.images vermute ich, aber ich weiss nicht, wie ich die grafik rausbekommen soll, da ich ja gerade deren namen suche. man erinnere sich: ich suche mir per zufall einen <div> bereich, hier wäre es der mit der id="referenz2" und dann tausche ich bisher das ganze innere aus, in zukunft nur src, alt und title.
ich würd das ganze Ding anders machen. Ich versuch den Code mal umzusetzen.
Struppi.