Fertiger img- Tag - Javascript

xxx · 21. Juli 2009, 16:21

Hallo,

ich habe einen fertigen img- Tag als String in Javascirpt (z.B. <img src="index.php?page=ItemImage&imageID=2&thumbnail=quadratic" alt="" />)

Wie kann ich den jetzt anzeigen? Mit document.write(...) zeigt er mir nur den img- Tag als Text an. Idee?

Ph99Ph

Torben Brodt · 21. Juli 2009, 20:41

am saubersten wäre es, wenn du das DOM Element selbst zusammenbaust und in den Document Tree einhängst.

Quellcode

<html><head>
<script type="text/javascript">
function foo() {
var img = document.createElement('img');
img.src = 'http://www.easy-coding.de/banner.jpg';
document.getElementById('ziel').appendChild(img);
}
</script>
</head>
<body onload="foo()">
<div id="ziel"></div>
</body>
</html>

Alles anzeigen

ansonsten klappt es auch mit document.write - vermutlich hast du nur den Pfad als Ausgabe, weil das Bild nicht existiert?
Vielleicht hast du auch einen Fehler drin, poste einfach mal deinen Code.

xxx · 23. Juli 2009, 10:34

OK, danke. Jetzt geht's.

Ich habe noch eine Frage: gibt es eine Art document.getElementByClassName?

umt · 23. Juli 2009, 13:22

document.getElementsByClassName('classname') -> es können ja mehere Elemente sein, die du damit bekommst.

Torben Brodt · 23. Juli 2009, 22:12

zu GetElementsByClassname sei der Hinweis gebracht, dass die Funktion nicht beim Internet Eplorer existiert (oder zumindest nicht bei allen Versionen)
Hier findest du aber "die ultimative" getElementsByClassname Funktion: robertnyman.com/2008/05/27/the…ntsbyclassname-anno-2008/

Fertiger img- Tag - Javascript

Fertiger img- Tag - Javascript

Quellcode

Teilen

Tags