style-Angaben wirken sich nicht aus

[Antje Hofmann]

Hallo Mario

Ich möchte ein Bild mittels Javascript nachträglich einfügen und dieses pixelgenau positionieren. Warum wirken sich die style-Angaben in folgendem Beispiel nich aus?

Bild[0] = new Image();
     Bild[0].src = "test.gif";
     Bild[0].style.position = "absolute";
     Bild[0].style.left = "200px";
     Bild[0].style.top = "200px";

hier gibst du dem Objekt Bild[0] die Styleeigenschaften

document.write('<img src="'+Bild[0].src+'">');

hier verwendest du vom Objekt Bild[0] die Screeneigenschaft und erzeugst ein neues Imageobjekt über den Imagetag. Dieses neue Objekt kennt die Styleeigenschaften von Bild[0] nicht.

Abhilfe:
document.write('<img src="'+Bild[0].src+'" style="position:absolute;left:200px;top:200px">');

alternativ:
document.write('<img src="'+Bild[0].src+'" id="bild0">');
und anschließend die Styles zuweisen.

Hinweis: Bei Seiten, in denen Bilder mit style-Eigenschaften auftauchen stürzt der NN4 kommentarlos ab. Den also entsprechend behandeln.

Viele Grüße

Antje