The HTML DOM Object useMap Property is used to set or return the value of the usemap attribute of an <object> element. The <object> usemap attribute is used to specify the name of an image-map to use with the object. The image with clickable areas is called an image map. The useMap attribute is related to the association with the <map> element’s name attribute and creates a relationship between the object and map.
Syntax
- It is used to return the useMap Property.
objObject.useMap
- It is used to set the useMap Property.
objObject.useMap = #mapname
Property Values
- #mapname: It is used to hold the map name containing the hash (#) character.
Return Values: It returns a string value that represents the value of the usemap attribute of an <object> element if it contains the hash character (“#”).
Example 1: The below code returns a useMap property.
HTML
<!DOCTYPE html> <html>
<body style="text-align: center">
<h2>GeeksforGeeks</h2>
<h2>HTML Dom Object useMap Property</h2>
<object id="mygeeks" data=
usemap="#Geeks1">
</object>
<button onclick="GFG()">
Click Here!
</button>
<map name="Geeks1">
<area id="Geeks" shape="rect" coords="0, 0, 110, 100" alt="Geeks">
</map>
<p id="GEEK!"></p>
<script>
function GFG() {
// Return value of usemap attribute
var x = document.getElementById("mygeeks").useMap;
document.getElementById("GEEK!").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
Supported Browsers:
- Google Chrome
- Microsoft Edge
- Firefox
- Opera
- Safari