Objeto HTML DOM useMap Propiedad

La propiedad useMap del objeto HTML DOM se utiliza para establecer o devolver el valor del atributo usemap de un elemento <object> . El atributo usemap <objeto> se usa para especificar el nombre de un mapa de imagen para usar con el objeto. La imagen con áreas en las que se puede hacer clic se denomina mapa de imagen. El atributo useMap está relacionado con la asociación con el atributo de nombre del elemento <map> y crea una relación entre el objeto y el mapa. 

Sintaxis

  • Se utiliza para devolver la propiedad useMap.
objObject.useMap
  • Se utiliza para establecer la propiedad useMap.
objObject.useMap = #mapname

Valores de propiedad 

  • #mapname: se utiliza para contener el nombre del mapa que contiene el carácter hash (#).

Valores devueltos: Devuelve un valor de string que representa el valor del atributo usemap de un elemento <object> si contiene el carácter hash (“#”).

Ejemplo 1: el siguiente código devuelve una propiedad useMap.

HTML

<!DOCTYPE html>
<html>
  
<body style="text-align: center">
    <h2>GeeksforGeeks</h2>
    <h2>HTML Dom Object useMap Property</h2>
    <object id="mygeeks" data=
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
        usemap="#Geeks1">
    </object>
      
    <button onclick="GFG()">
        Click Here!
    </button>
      
    <map name="Geeks1">
        <area id="Geeks" shape="rect" 
            coords="0, 0, 110, 100" alt="Geeks">
    </map>
  
    <p id="GEEK!"></p>
  
    <script>
        function GFG() {
  
            // Return value of usemap attribute
            var x = document.getElementById("mygeeks").useMap;
            document.getElementById("GEEK!").innerHTML = x;
        }
    </script>
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Google Chrome
  • Borde de Microsoft
  • Firefox
  • Ópera
  • Safari

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 *