HTML DOM Title 对象
JavaScript基础 2022-05-13 16:23:43小码哥的IT人生shichen
HTML DOM Title 对象
Title 对象
Title 对象表示 HTML <title>
元素。
访问 Title 对象
您可以通过使用 getElementById()
来访问 <title>
元素:
var x = document.getElementById("myTitle");
完整实例:
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Time 对象</title>
</head>
<body>
<h3>演示如何访问 TITLE 元素</h3>
<p>点击按钮来获得文档标题的文本。</p>
<p id="demo"></p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.getElementsByTagName("TITLE")[0].text;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
创建 Title 对象
您可以通过使用 document.createElement()
方法来创建 <title>
元素:
var x = document.createElement("TITLE");
完整实例:
<!DOCTYPE html>
<html>
<body>
<h3>演示如何创建 TITLE 元素</h3>
<p>点击按钮来创建 TITLE 元素。</p>
<p id="demo"></p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x = document.createElement("TITLE");
var t = document.createTextNode("HTML DOM Objects");
x.appendChild(t);
document.head.appendChild(x);
document.getElementById("demo").innerHTML="您已经在文档的 HEAD 部分创建了一个 TITLE 元素。";
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
相关页面
HTML 参考手册:HTML <title> 标签