HTML | DOM Style width 属性

HTML DOM 中的 Style width 属性用于设置或返回元素的宽度，可以是块级元素，也可以是固定位置的元素。

句法：

• 它用于返回宽度属性：

  object.style.width

• 它用于设置宽度属性：

  object.style.width = "auto|length|%|initial|inherit"

属性值说明

• auto-此值自动设置浏览器的默认宽度值。
• 长度- 此值以指定的长度单位设置宽度值。
• %-百分比值将宽度值设置为父元素宽度的指定百分比。
• 初始值 - 此值将宽度属性设置为其浏览器的默认值。
• 继承 -此值将宽度属性设置为其父元素的值。

返回值：一个字符串，表示元素的宽度。

示例 1：

  

    
        #GfG {
            width: 100px;
            height: 100px;
            background-color: green;
            color: white;
        }
    

  

  
    HTML|DOM Style Width Property:
  
    Click here!
  
    
        GfG
    
  
    
        function myFunction() {
            document.getElementById("GfG")
            .style.width = "500px";
        }
    
  

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：

  

  
    GeeksforGeeks
  
    HTML|DOM Style Width Property:
  
    Click Here!
  
    
        function myFunction() {
            document.getElementById("myBtn")
            .style.width = "500px";
        }
    
  

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

支持的浏览器： DOM style width 属性支持的浏览器如下：

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