Imagen HTML DOM propiedad isMap

La propiedad HTML DOM Image isMap se usa para establecer o devolver si la imagen es un componente de un mapa de imágenes del lado del servidor. Un mapa de imagen es una imagen con áreas en las que se puede hacer clic. Al hacer clic en un mapa de imagen del lado del servidor, la prensa coordina la medida cuadrada enviada al servidor como una string de consulta de URL. 

Nota: este atributo solo está permitido si el elemento <img> es un elemento secundario de un elemento <a> con un atributo href adecuado.

Sintaxis

  • Se utiliza para devolver la propiedad isMap.
imageObject.isMap
  • Se utiliza para establecer la propiedad isMap.
imageObject.isMap = true|false

Valores de propiedad: contiene un valor booleano que define si la imagen es un componente del mapa de imágenes del lado del servidor. 

  • verdadero: define que la imagen es parte de un mapa de imagen del lado del servidor.
  • falso: define que la imagen no es parte de un mapa de imagen del lado del servidor.

Valores devueltos: devuelve un valor booleano que representa si la imagen es un componente de un mapa de imagen del lado del servidor. 

Ejemplo 1: El siguiente código devuelve la propiedad 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>

Producción

Ejemplo 2: el código siguiente establece la propiedad isMap en falso.

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>

Producción:

Navegadores compatibles

  • Google Chrome
  • explorador de Internet
  • Ópera
  • Safari
  • Firefox

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *