HTML | DOM 样式顺序属性

DOM Style order属性指定了一个灵活元素相对于同一容器元素内其余灵活元素的顺序。

句法：

要设置属性：

object.style.order = "number | initial | inherit"

获取属性：

object.style.order

属性值：

• Number：指定灵活元素的顺序。
  默认值 0。
• 初始值：将属性设置为其默认值。
• 继承：从其父元素继承属性。

例子：

  

    
        HTML | DOM Style order Property
    
    
        #main {
            width: 180px;
            height: 90px;
            border: 1px solid #000000;
            display: flex;
        }
          
        #main div {
            width: 90px;
            height: 90px;
        }
    

  

      
  
    
    
        
        I am white.
        
  
    Click the button below to change 
    the order of the four DIV's:
  
    CLICK
  
  
    
    
        function myFunction() {
            document.getElementById(
            "black").style.order = "2";
            document.getElementById(
            "white").style.order = "1";
        }
    
  

  
                    

输出：

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

支持的浏览器： HTML支持的浏览器 |下面列出了DOM 样式顺序属性：

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