HTML | DOM 对象宽度属性

HTML DOM 中的DOM Object width 属性用于设置或返回Object 的宽度。 width 属性用于指定对象的宽度。

句法：

• 它返回宽度属性。

  objObject.width

• 它用于设置宽度属性。

  objObject.width = pixels

属性值：它包含值，即像素，它以像素为单位指定对象的宽度。

返回值：它返回一个数值，以像素为单位表示对象的宽度。

示例 1：此示例返回一个宽度属性。

  

    
        
        
        
          DOM Object width Property
      
        
          Click the button to get
          the width of the embedded file.
      
  
        
            Click it
        
  
        
      
    
    
        function Geeks() {
  
            // Accessing Object element. 
            var x =
                document.getElementById(
                    "myobject").width;
  
            document.getElementById(
                "gfg").innerHTML = x;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 width 属性。

  

    
        
        
        
          DOM Object width Property
      
        
          Click the button to get 
          the width of the embedded file.
      
  
        
            Click it
        
  
        
      
    
    
        function Geeks() {
  
            // Accessing Object element. 
            var x =
                document.getElementById(
                    "myobject").width = "500";
  
            document.getElementById(
                "gfg").innerHTML = 
              "The value of the width "+
              "attribute was changed to " + x;
        }
    
  

  

输出：
单击按钮之前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧