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.
<!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.
<!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