HTML DOM标题属性用法及其示例

2021年3月24日14:58:34 发表评论 929 次浏览

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 >

输出如下：