HTML DOM Image isMap Property
Last Updated :
21 Jun, 2022
The HTML DOM Image isMap Property is used to set or return whether the image is a component of a server-side image map. An image map is a picture with clickable areas. When clicking on a server-side image-map, the press coordinates square measure sent to the server as a URL query string.
Note: This attribute is permitted only if the <img> element is a child of an <a> element with a proper href attribute.
Syntax
- It is used to return the isMap Property.
imageObject.isMap
- It is used to set the isMap Property.
imageObject.isMap = true|false
Property Values: It contains a Boolean value which defines whether the image is a component of the server side image-map.
- true: It defines that image is a part of a server side image map.
- false: It defines that image is not a part of a server side image map.
Return Values : It returns a Boolean value which represents that whether the image is a component of a server side image map.
Example 1: Below code returns the isMap Property.
HTML
<!DOCTYPE html>
< html >
< body >
< center >
< h1 style = "color: green" >GeeksforGeeks</ h1 >
< h2 >HTML DOM Image isMap Property</ h2 >
< a href = "#" >
< img
id = "GFG"
src =
width = "400"
height = "150"
ismap
/>
</ a >
< button onclick = "Geeks()" >Click me!</ button >
< p id = "sudo" ></ p >
</ center >
< script >
function Geeks() {
var g = document.getElementById("GFG").isMap;
document.getElementById("sudo").innerHTML = g;
}
</ script >
</ body >
</ html >
|
Output
Example 2:Below code sets the isMap property to false.
HTML
<!DOCTYPE html>
< html >
< body >
< center >
< h1 style = "color: green" >GeeksforGeeks</ h1 >
< h2 >HTML DOM Image isMap Property</ h2 >
< a href = "#" >
< img
id = "GFG"
src =
width = "400"
height = "150"
ismap
/>
</ a >
< button onclick = "Geeks()" >Click me!</ button >
< p id = "sudo" ></ p >
</ center >
< script >
function Geeks() {
var g = (document.getElementById("GFG").isMap = false);
document.getElementById("sudo").innerHTML =
"Now the ismap attribute is set to:" + g;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers
- Google Chrome
- Internet Explorer
- Opera
- Safari
- Firefox
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...