HTML DOM中的元内容属性用于设置或返回<meta>元素的content属性的值。 content属性用于指定meta-information的内容。
用法:
- 它用于返回content属性:
metaObject.content
- 它用于设置content属性:
metaObject.content = text
属性值:它包含值,即定义元信息内容的文本。
返回值:它返回一个表示meta元素的content属性值的字符串值。
例:
<!DOCTYPE html>
<html>
<head>
<meta name="keywords"
content="Meta Tags, Metadata" />
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>DOM Meta content Property</h2>
<p>Hello GeeksforGeeks!</p>
<button onclick="myGeeks()">
Submit</button>
<p id="sudo"></p>
<script>
function myGeeks() {
var x =
document.getElementsByTagName(
"META")[0].content;
document.getElementById(
"sudo").innerHTML = x;
}
</script>
</center>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
范例2:
<!DOCTYPE html>
<html>
<head>
<meta name="keywords"
content="Meta Tags, Metadata" />
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>DOM Meta content Property</h2>
<p>Hello GeeksforGeeks!</p>
<button onclick="myGeeks()">
Submit</button>
<p id="sudo"></p>
<script>
function myGeeks() {
var x =
document.getElementsByTagName(
"META")[0].content = "Hello GeeksForGeeks"
;
document.getElementById(
"sudo").innerHTML = x;
}
</script>
</center>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:DOM元内容属性支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML <meta> content属性用法及代码示例
- HTML Meta name用法及代码示例
- HTML Meta httpEquiv用法及代码示例
- HTML <Meta>用法及代码示例
- HTML <meta> name属性用法及代码示例
- HTML DOM Meta用法及代码示例
- HTML <meta> charset属性用法及代码示例
- HTML <meta> scheme属性用法及代码示例
- CSS content属性用法及代码示例
- CSS align-content用法及代码示例
- CSS justify-content用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Meta content Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。