Der Inhalt des img-Tags wird hauptsächlich durch das src-Attribut gesteuert. In JavaScript können Sie den Wert des src-Attributs des img-Tags festlegen und dann den img-Inhalt festlegen „img element object.setAttribute(„src“, „Attributwert“)“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer. Das
-Tag definiert ein Bild in einer HTML-Seite. Das
-Tag hat zwei erforderliche Attribute: src und alt.
Das src-Attribut des src-Tags ist erforderlich. Es gibt die URL des Bildes an.
Wenn eine Webseite geladen wird, ruft der Browser das Bild vom Webserver ab und fügt es in die Seite ein. Stellen Sie daher sicher, dass sich das Bild an derselben Stelle wie die entsprechende Webseite befindet, da Besucher sonst möglicherweise ein Symbol für einen defekten Link sehen. Wenn der Browser das Bild nicht finden kann, wird ein Symbol für einen defekten Link angezeigt.
Javascript legt den IMG-Inhalt fest
In Javascript können Sie die setAttribute()-Methode verwenden, um den IMG-Inhalt festzulegen. Die Methode
setAttribute() 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.
Beispiel:
<!DOCTYPE html>
<html>
<body>
<img src="img/1.jpg" style="max-width:90%"/ alt="So legen Sie IMG-Inhalte in Javascript fest" >
<p id="demo">点击按钮来改变img标签的内容。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg");
}
</script>
</body>
</html>Rendering:
[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]
Das obige ist der detaillierte Inhalt vonSo legen Sie IMG-Inhalte in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
