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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。