JavaScript der Bildquelle ändern

Ammar Ali 12 Oktober 2023
JavaScript der Bildquelle ändern

In diesem Tutorial erfahren Sie, wie Sie die Quelle oder src eines Bildes mithilfe der src-Eigenschaft in JavaScript ändern.

Ändern Sie die Quelle eines Bildes mit der Eigenschaft src in JavaScript

Um die Quelle oder src eines Bildes zu ändern, müssen Sie dem Image-Tag eine id oder class hinzufügen. Sie können das Bildelement über den Namen der id oder class abrufen, und Sie können die Quelle oder src des Bildes mit der Eigenschaft src ändern. Siehe den Beispielcode unten.

document.getElementById('myImageId').src = 'newSource.png';

Im obigen Code verwenden wir die Funktion getElementById(), um das Element mit seiner id abzurufen und dann seine Quelle mit der Eigenschaft src zu ändern. Sie können auch den Namen der Klasse verwenden, um das Element mit der Funktion getElementByClassName() abzurufen. Sie können im Code die id des Image-Tags anstelle von myImageId und die neue Quelle oder src des Bildes anstelle von newSource.png einsetzen.

Autor: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Verwandter Artikel - JavaScript Image