suchen

Heim >Web-Frontend >js-Tutorial >So legen Sie IMG-Inhalte in Javascript fest

So legen Sie IMG-Inhalte in Javascript fest

青灯夜游
青灯夜游Original
2021-07-26 18:28:535970Durchsuche

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“)“.

So legen Sie IMG-Inhalte in Javascript fest

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

So legen Sie IMG-Inhalte in Javascript fest-Tag definiert ein Bild in einer HTML-Seite. Das

So legen Sie IMG-Inhalte in Javascript fest-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:

So legen Sie IMG-Inhalte in Javascript fest

[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!

JavaScript html 对象
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
Vorheriger Artikel：So konvertieren Sie einen Wert in Javascript in einen int-TypNächster Artikel：So konvertieren Sie einen Wert in Javascript in einen int-Typ

In Verbindung stehende Artikel

Mehr sehen