So ändern Sie den src-Attributwert in JavaScript: 1. Verwenden Sie die setAttribute()-Methode. Die Syntax lautet „element object.setAttribute(„src“, „attribute value“)“ 2. Verwenden Sie das src-Attribut von HTML DOM , die Syntax lautet „element object. src="attribute value"".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript ändert den src-Attributwert
Methode 1: Verwenden Sie die setAttribute()-Methode
setAttribute()-Methode, um das angegebene Attribut hinzuzufügen und ihm den angegebenen Wert zuzuweisen.
Setzt/ändert den Wert nur, wenn diese angegebene Eigenschaft bereits vorhanden ist.
Beispiel:
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%"/ alt="So ändern Sie den src-Attributwert in Javascript" >
<p id="demo">点击按钮来改变img标签src属性的值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg");
}
</script>
</body>
</html>Rendering:
2. Verwendung des src-Attributs des HTML-DOM-Objekts
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%"/ alt="So ändern Sie den src-Attributwert in Javascript" >
<p id="demo">点击按钮来改变img标签src属性的值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].src="img/3.jpg";
}
</script>
</body>
</html>Rendering:
【Empfohlenes Lernen: Javascript für Fortgeschrittene Tutorial】
Das obige ist der detaillierte Inhalt vonSo ändern Sie den src-Attributwert in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
