Heim > Artikel > Web-Frontend > So legen Sie das src-Attribut in Javascript fest
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.
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:
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!