HTML | DOM 区域形状属性

HTML DOM 中的 Area shape 属性用于设置或返回 shape 属性的值。它用于定义区域的形状。它与 coords 属性一起使用来定义形状、大小等。

句法：

• 它返回区域形状属性。

  areaObject.shape

• 它用于设置区域形状属性。

  areaObject.shape = default|rect|circle|poly 

属性值：它包含指定形状类型的单值形状。

• default：用于指定整个区域。
• rect：用于指定矩形区域。
• circle：用于指定圆形区域。
• poly：用于指定多边形区域。

返回值：它返回一个表示区域形状的字符串值。

示例 1：此示例返回区域形状属性。

 
 
 
    HTML DOM Area shape Property 
 
  
 
     HTML DOM Area shape Property  
    Click Here! 
     
     
         
  
     
    
     
      
     
        function GFG() { 
              
        // Return shape property. 
            var x = document.getElementById("Geeks").shape; 
        document.getElementById("GEEK!").innerHTML = x; 
        } 
     
 
  
                    

输出：
点击按钮前：

点击按钮后：


示例 2：此示例设置区域形状属性。

 
 
 
    HTML DOM Area shape Property 
 
  
 
     HTML DOM Area shape Property  
    Click Here! 
     
     
         
  
     
    
     
      
     
        function GFG() { 
              
        // Set shape property. 
            var x = document.getElementById("Geeks").shape = "circle"; 
        document.getElementById("GEEK!").innerHTML = 
                "The value of shape attribute has been changed to " + x; 
        } 
     
 
  
                     

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐
• IE浏览器
• 歌剧
• 苹果浏览器