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>
Beachten Sie: Der Internet Explorer zeigt den alt-Text bei :hover als Tooltip. Die anderen Browser zeigen den alt-Text nur anstelle des Bildes. Verwenden Sie das title-Attribut, um einen Tooltip zu realisieren.
Abgerufen von „http://wiki.selfhtml.org/index.php?title=JavaScript/DOM/Document/images/alt&oldid=94073“