Meta contentEigenschaft
Meta-Objekt
Definition und Verwendung
Die content-Eigenschaft legt den Wert des content-Attributs eines meta-Elements fest oder gibt ihn zurück.
Die content-Eigenschaft gibt den Inhalt der Meta-Informationen an.
Hinweis:Die verfügbaren Werte für dieses Attribut hängen vomname- undhttpEquiv-Wert des Attributs ab.
Syntax
Legen Sie die content-Eigenschaft fest:
linkObject.content="text"
Die content-Eigenschaft zurückgeben:
linkObject.content
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle gängigen Browser unterstützen die content-Eigenschaft.
Beispiel
Beispiel
Die content-Werte aller meta-Attribute anzeigen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials">
<meta name="author" content="Hege Refsnes">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function displayResult(){
var x=document.getElementsByTagName("meta");
var txt="";
for (var i=0;i<x.length;i++){
txt=txt + "Inhalt von "+(i+1)+". Meta-Tag: "+x[i].content+"<br>";
}
document.getElementById("result").innerHTML=txt;
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Meta-Inhalt anzeigen</button>
<p id="result"></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<meta name="keywords" content="HTML, DHTML, CSS, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials">
<meta name="author" content="Hege Refsnes">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function displayResult(){
var x=document.getElementsByTagName("meta");
var txt="";
for (var i=0;i<x.length;i++){
txt=txt + "Inhalt von "+(i+1)+". Meta-Tag: "+x[i].content+"<br>";
}
document.getElementById("result").innerHTML=txt;
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">Meta-Inhalt anzeigen</button>
<p id="result"></p>
</body>
</html>
Selbst ausprobieren »
Meta-Objekt Weitere Erweiterungen