HTML DOM Object useMap Property

Last Updated : 14 Jul, 2021

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= 
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
        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> 