当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM Object useMap属性用法及代码示例


HTML DOM 对象 useMap 属性用于设置或返回 <object> 元素的 usemap 属性的值。 <object> usemap 属性用于指定与对象一起使用的 image-map 的名称。具有可点击区域的图像称为图像映射。 useMap 属性与 <map> 元素的 name 属性相关联,并在对象和Map之间创建关系。

用法

  • 它用于返回 useMap 属性。
objObject.useMap
  • 它用于设置 useMap 属性。
objObject.useMap = #mapname

属性值

  • #Map名称:它用于保存包含哈希 (#) 字符的Map名称。

返回值:如果 <object> 元素包含散列字符 (“#”),它会返回一个字符串值,该值表示 <object> 元素的 usemap 属性的值。



范例1:下面的代码返回一个 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>

输出:

支持的浏览器:

  • 谷歌浏览器
  • 微软边
  • Firefox
  • Opera
  • Safari



相关用法


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