DOM标题属性用于返回HTML文档的标题, 还用于设置文档中标题的值。此属性用于指定有关标题的信息。
语法如下:
- 它用于返回title属性
document.title
- 用于设置标题属性
document.title = newTitle
属性:DOM标题属性包含一个新标题的值, 该值用于返回文档的标题。
范例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 >
输出如下:
支持的浏览器:支持的浏览器DOM标题属性下面列出:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- 歌剧
- 苹果浏览器