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 =
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
Share your thoughts in the comments
Please Login to comment...