HTML DOM Image isMap属性用法及代码示例

HTML DOM Image isMap 属性用于设置或返回图像是否是服务器端图像映射的组件。图像Map是具有可点击区域的图片。单击服务器端 image-map 时，印刷机坐标平方作为 URL 查询字符串发送到服务器。

用法

它用于返回 isMap 属性。
```
.imageObject.isMap
```
它用于设置 isMap 属性。
```
imageObject.isMap = true|false
```

属性值：它包含一个布尔值，用于定义图像是否是服务器端 image-map 的组件。

true:它定义图像是服务器端图像映射的一部分。
false:它定义图像不是服务器端图像映射的一部分。

返回值：它返回一个布尔值，表示该图像是否是服务器端图像映射的组件。

范例1：下面的代码返回 isMap 属性。

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

输出

范例2：下面的代码将 isMap 属性设置为 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=
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
          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>

输出：

支持的浏览器

谷歌浏览器
IE浏览器
Opera
Safari
Firefox

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Image isMap Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。