Heim  >  Artikel  >  Web-Frontend  >  So legen Sie das src-Attribut in Javascript fest

So legen Sie das src-Attribut in Javascript fest

青灯夜游
青灯夜游Original
2021-04-27 16:04:578674Durchsuche

So legen Sie das src-Attribut in JavaScript fest: Verwenden Sie zuerst die Anweisung „document.getElementById(„id value“)“, um das Elementobjekt abzurufen. " Anweisung zum Hinzufügen oder Ändern von Elementattributen.

So legen Sie das src-Attribut in Javascript fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript legt das SRC-Attribut fest

In Javascript können Sie die Methode setAttribute() verwenden, um das SRC-Attribut eines Elements festzulegen. Das Codebeispiel lautet wie folgt:

<img  id="img" src="img/1.jpg" / alt="So legen Sie das src-Attribut in Javascript fest" >

<p id="demo">点击按钮来设置img图片的 src属性。</p>

<button onclick="myFunction()">试一下</button>

<script>
	function myFunction() {
		document.getElementById("img").setAttribute("src", "img/3.jpg");
	}
</script>

Rendering:

So legen Sie das src-Attribut in Javascript fest

Beschreibung : setAttribute()-Methode

setAttribute()-Methode fügt das angegebene Attribut hinzu und weist ihm den angegebenen Wert zu. Wenn diese angegebene Eigenschaft bereits vorhanden ist, wird der Wert nur gesetzt/geändert.

Syntax

element.setAttribute(attributename,attributevalue)
Parameter Typ Beschreibung
Attributname String Erforderlich. Der Name des Attributs, das Sie hinzufügen möchten.
Attributwert String Erforderlich. Der Attributwert, den Sie hinzufügen möchten.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo legen Sie das src-Attribut in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn