Link mediaEigenschaft
Link-Objekt
Definition und Verwendung
Die media-Eigenschaft legt das Gerät fest, für das das Dokument angezeigt wird, oder gibt es zurück.
Für Stilinformationen ist das Zielmedium sehr wichtig. Die Stile für mobile Geräte und Desktop-Computer können unterschiedlich sein.
Syntax
media-Eigenschaft festlegen:
linkObject.media="device"
media-Eigenschaft zurückgeben:
linkObject.media
deviceKann die folgenden Werte annehmen:
| Wert | Beschreibung |
|---|---|
| Bildschirm | Für nicht paginierte Computerbildschirme. |
| tty | Für Medien, die ein Zeichenraster mit fester Zeichenbreite verwenden (wie Schreibmaschinen, Terminals oder andere Geräte mit eingeschränkten Anzeigemöglichkeiten). |
| tv | Für TV-artige Geräte. |
| projection | Für Projektoren. |
| handheld | Für Handheld-Geräte. |
| Für Seiten und Dokumente im Druckvorschaumodus. | |
| braille | Für Braille-Geräte mit taktiler Rückmeldung für Blinde. |
| aural | Für Sprachsynthese. |
| all | Für alle Geräte oder Apparate. |
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle gängigen Browser unterstützen die media-Eigenschaft.
Beispiele
Beispiele
Das folgende Beispiel ruft den vom link-Element verwendeten Medientyp ab:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" media="screen" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").media;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Medientyp des Link-Elements anzeigen</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" media="screen" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").media;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Medientyp des Link-Elements anzeigen</button>
</body>
</html>
Selbst ausprobieren »
Link-Objekt Weitere Erweiterungen