HTML DOM title 属性
JavaScript基础 2022-06-08 14:52:31小码哥的IT人生shichen
HTML DOM title 属性
定义和用法
title 属性设置或返回元素的（咨询性质的）标题。
语法：
object.title=title实例 1
本例展示了两种获取 <body> 元素的 title 属性的方法：
<html>
<body id="myid" title="mytitle">
<script type="text/javascript">
x=document.getElementsByTagName('body')[0];
document.write("Body title: " + x.title);
document.write("<br />");
document.write("An alternate way: ");
document.write(document.getElementById('myid').title);
</script>
</body>
</html>实例 2
本例返回图像映射中某个区域的 title：
<html>
<body>
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap ="#planetmap" />
<map name ="planetmap">
<area id="venus" shape="circle"
coords ="124,58,8"
title="Venus"
href ="venus.htm" />
</map>
<p>Venus' advisory title (mouse over the Venus planet):
<script type="text/javascript">
x=document.getElementById('venus')
document.write(x.title)
</script>
</p>
</body>
</html>TIY
完整实例【返回 <body> 元素的 title 属性】：
<html>
<body id="myid" title="mytitle">
<script type="text/javascript">
x=document.getElementsByTagName('body')[0];
document.write("Body title: " + x.title);
document.write("<br />");
document.write("An alternate way: ");
document.write(document.getElementById('myid').title);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例【返回图像映射中某个区域的 title】：
<html>
<body>
<img id="planets"
src="/i/eg_planets.jpg"
usemap="#planetmap" />
<map name="planetmap">
<area id="venus" shape="circle"
coords="180,139,14"
href ="/demo/example/html/venus.html"
target ="_blank"
title="Venus" />
</map>
</map>
<p>Venus 的 title（即把鼠标移动到火星上显示的文本）是：
<script type="text/javascript">
x=document.getElementById('venus')
document.write(x.title)
</script>
</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
