DOM标题属性用于返回HTML文档的标题, 还用于设置文档中标题的值。此属性用于指定有关标题的信息。
语法如下:
- 它用于返回title属性
document.title
- 用于设置标题属性
document.title = newTitle
范例1:
<
!DOCTYPE html>
<
html >
<
head >
<
title >
DOM title Property<
/ title >
<
style >
h1 {
color:green;
}
body {
text-align:center;
}
<
/ style >
<
/ head >
<
body >
<
h1 >
lsbin<
/ h1 >
<
h2 >
DOM title Property<
/ h2 >
<
button onclick = "geeks()" >
Submit<
/ button >
<
p id = "sudo" >
<
/ p >
<
script >
function geeks() {
var x = document.title;
document.getElementById("sudo").innerHTML = x;
}
<
/ script >
<
/ body >
<
/ html >
输出如下:
文章图片
范例2:
<
!DOCTYPE html>
<
html >
<
head >
<
title >
DOM title Property<
/ title >
<
style >
h1 {
color:green;
}
body {
text-align:center;
}
<
/ style >
<
/ head >
<
body >
<
h1 >
lsbin<
/ h1 >
<
h2 >
DOM title Property<
/ h2 >
<
button onclick = "geeks()" >
Submit<
/ button >
<
p id = "sudo" >
<
/ p >
<
script >
function geeks() {
document.getElementById("sudo").innerHTML =
"New DOM Title";
}
<
/ script >
<
/ body >
<
/ html >
输出如下:
文章图片
【HTML DOM标题属性用法及其示例】支持的浏览器:支持的浏览器DOM标题属性下面列出:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- 歌剧
- 苹果浏览器
推荐阅读
- 编码标准和准则介绍和详细指南
- SASS @import用法介绍及其示例
- Java中的StringBuilder类用法及其示例
- PHP MySQL数据库开发介绍和指南
- JavaScript日期getUTCDate()方法用法详解
- PHP如何使用number_format()函数(示例)
- CSS布局(如何实现2D转换(代码示例))
- Amazon SDE-1面试体验| 6个月实习(校园内)
- Java方法重载介绍和用法实例