HTML DOM title 属性
JavaScript基础 2022-06-08 11:31:25小码哥的IT人生shichen
HTML DOM title 属性
定义和用法
title 属性设置或返回元素的咨询标题。
语法
HTMLElementObject.title=title浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器均支持 title 属性。
实例
例子 1
返回 body 元素的 title 属性：
<html>
<body id="myid" title="mytitle">
<script>
var x=document.getElementsByTagName('body')[0];
document.write("Body title: " + x.title);
document.write("<br>");
document.write("替代方法：");
document.write(document.getElementById('myid').title);
</script>
</body>
</html>
输出：
Body title: mytitle
替代方法：mytitle
完整实例：
<!DOCTYPE html>
<html>
<body id="myid" title="mytitle">
<script>
var x=document.getElementsByTagName('body')[0];
document.write("Body title: " + x.title);
document.write("<br>");
document.write("替代方法：");
document.write(document.getElementById('myid').title);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
例子 2
返回图像映射中某个区域的咨询标题：
<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>
var x=document.getElementById('venus')
document.write(x.title)
</script>
</p>
</body>
</html>
完整实例：
<!DOCTYPE html>
<html>
<body>
<img src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area id="sun" shape="rect" coords="0,0,110,260"
href ="/demo/example/html/sun.html" target ="_blank"
title="Sun" />
</map>
<p>太阳的咨询性标题是（请把鼠标移动到太阳上）：
<script>
var x=document.getElementById('sun');
document.write(x.title);
</script>
</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
