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

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

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 >

输出如下:

HTML | DOM标题属性1

范例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标题属性2

支持的浏览器:支持的浏览器DOM标题属性下面列出:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 歌剧
  • 苹果浏览器

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: