Open In App

HTML DOM Image isMap Property

Last Updated : 21 Jun, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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
Previous
Next
Share your thoughts in the comments

Similar Reads