Wie kann man bei Javascript ein Bild einfügen?

15.11.2022, 14:29

Beziehungsweise bei HTML

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet
ruhrgur
15.11.2022, 14:45
Beziehungsweise bei HTML

Was denn nun?

Du kannst natürlich mit JavaScript ein Bild innerhalb eines HTML-Dokuments einfügen, bspw. so:

<script>
    const myImage = new Image(100, 100);
    myImage.src = 'image.jpg';
    document.body.appendChild(myImage);
</script>

Allerdings bleibt hier die Frage der Sinnhaftigkeit. Mit HTML geht das Ganze nämlich auch direkt, im o.g. Beispiel so:

<img width="100" height="100" src="image.jpg"/>

Wenn du eine konkrete Verwendung vorgesehen hast, bzw. deine Frage noch präzisieren könntest, wäre das hilfreich.

LG
ohwehohach
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
programmieren
15.11.2022, 14:27

Was meinst Du mit "Bei JavaScript"? Ein JavaScript ist ein reines, unformatiertes Textdokument. Da kann man überhaupt keine Bilder einfügen.

Mit JavaScript Bilder in ein HTML-Dokument einfügen geht auf verschiedene Weise. In jedem Fall muss man das DOM des HTML-Dokuments entsprechend manipulieren.

Man könnte beispielsweise in ein vorhandenes Element ein <img>-Element einfügen, welches ein auf dem Server vorhandenes Bild anzeigt. Man könnte auch ein komplettes SVG-Bild dynamisch erzeugen und an einer definierten Stelle einfügen.
dnpdnp2
15.11.2022, 14:29

JavaScript kann das nicht, du brauchst etwas womit du das Bild darstellen kannst - bspw. HTML. Das HTML kannst du dann mittels JavaScript manipulieren.