HTML DOM titleProperty
Definition and Usage
The title property sets or returns the title of an element.
Syntax
HTMLElementObject.title=title
Browser Support
![]()
![]()
![]()
![]()
![]()
All major browsers support the title property
Example
Example 1
Return the title attribute of the body element:
<html>
<body id="myid" title="mytitle">
<script>
var 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>
<body id="myid" title="mytitle">
<script>
var 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>
Output:
Body title: mytitle
An alternate way: mytitle
An alternate way: mytitle
Try it Yourself »
Example 2
Return the title of the area map in an image:
<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>
<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>
Try it Yourself »
Other Extensions
Element Object