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

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标题属性用法及其示例

文章图片
范例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标题属性用法及其示例

文章图片
【HTML DOM标题属性用法及其示例】支持的浏览器:支持的浏览器DOM标题属性下面列出:
  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 歌剧
  • 苹果浏览器

    推荐阅读