SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.

JavaScript/DOM/Document/images/alt

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | images
Wechseln zu: Navigation, Suche

Die Eigenschaft alt liefert oder verändert den Alternativtext, der angezeigt wird, wenn das Bild nicht geladen werden kann.

Beispiel
<html>
<head>
  <meta charset="utf-8">
  <title>Test</title>
</head>
<body>

  <img id="grafik" src="Hund.gif" alt="Der verrückte Hund aus der alten Doku" width="208" height="181">

  <p>Klick den Button, um den alt-Text angezeigt zu bekommen.</p>

  <p id="beispiel"></p>

  <button onclick="Anzeigen()">Try it</button>

  <script>
    function Anzeigen() {
      let x = document.getElementById('grafik').alt;
      document.getElementById('beispiel').innerHTML=x;
    }
  </script>

</body>
</html>