JavaScript 參考手冊(cè)
-
HTML DOM Anchor 對(duì)象
-
HTML DOM Area 對(duì)象
-
HTML DOM Audio 對(duì)象
-
HTML DOM Base 對(duì)象
-
HTML DOM Blockquote 對(duì)象
-
HTML DOM Body 對(duì)象
-
HTML DOM Button 對(duì)象
-
HTML DOM Canvas 對(duì)象
-
HTML DOM Column 對(duì)象
-
HTML DOM Columngroup 對(duì)象
-
HTML DOM Datalist 對(duì)象
-
HTML DOM Dialog 對(duì)象
-
HTML DOM Form 對(duì)象
-
HTML DOM Frame 和 IFrame 對(duì)象
-
HTML DOM Frameset 對(duì)象
-
HTML DOM Image 對(duì)象
-
HTML DOM ins 對(duì)象
-
HTML DOM Button 對(duì)象
-
HTML DOM Checkbox 對(duì)象
-
HTML DOM Input Color 對(duì)象
-
HTML DOM Input Date 對(duì)象
-
HTML DOM Input Datetime 對(duì)象
-
HTML DOM Input DatetimeLocal 對(duì)象
-
HTML DOM Input Email 對(duì)象
-
HTML DOM FileUpload 對(duì)象
-
HTML DOM Hidden 對(duì)象
-
HTML DOM Input Image 對(duì)象
-
HTML DOM Input Month 對(duì)象
-
HTML DOM Input Number 對(duì)象
-
HTML DOM Input Range 對(duì)象
-
HTML DOM Password 對(duì)象
-
HTML DOM Radio 對(duì)象
-
HTML DOM Reset 對(duì)象
-
HTML DOM Input Search 對(duì)象
-
HTML DOM Submit 對(duì)象
-
HTML DOM Input Text 對(duì)象
-
HTML DOM Input Time 對(duì)象
-
HTML DOM Input URL 對(duì)象
-
HTML DOM Input Week 對(duì)象
-
HTML DOM Keygen 對(duì)象
-
HTML DOM Link 對(duì)象
-
HTML DOM Label 對(duì)象
-
HTML DOM Legend 對(duì)象
-
HTML DOM Li 對(duì)象
-
HTML DOM Map 對(duì)象
-
HTML DOM Menu 對(duì)象
-
HTML DOM MenuItem 對(duì)象
-
HTML DOM Meta 對(duì)象
-
HTML DOM Meter 對(duì)象
-
HTML DOM Object 對(duì)象
-
HTML DOM Ol 對(duì)象
-
HTML DOM OptionGroup 對(duì)象
-
HTML DOM Option 對(duì)象
-
HTML DOM Parameter 對(duì)象
-
HTML DOM Progress 對(duì)象
-
HTML DOM Select 對(duì)象
-
HTML DOM Source 對(duì)象
-
HTML DOM Style 對(duì)象
-
HTML DOM Table 對(duì)象
-
HTML DOM td/th 對(duì)象
-
HTML DOM TableHeader 對(duì)象
-
HTML DOM tr 對(duì)象
-
HTML DOM Textarea 對(duì)象
-
HTML DOM Title 對(duì)象
-
HTML DOM Time 對(duì)象
-
HTML DOM Track 對(duì)象
-
HTML DOM Video 對(duì)象
Style order 屬性
Style 對(duì)象實(shí)例
設(shè)置靈活項(xiàng)目的順序：
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
運(yùn)行代碼 ?
定義和用法
order 屬性規(guī)定一個(gè)靈活的項(xiàng)目相對(duì)于同一容器內(nèi)其他靈活項(xiàng)目的順序。
注意：如果元素不是靈活的項(xiàng)目，則 order 屬性不起作用。
瀏覽器支持
Firefox、Opera 和 Chrome 支持 order 屬性。
語(yǔ)法
返回 order 屬性：
object.style.order
設(shè)置 order 屬性：
object.style.order="number|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| number | 默認(rèn)值是 0。規(guī)定靈活項(xiàng)目的順序。 |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。 |
| inherit | 從父元素繼承該屬性。請(qǐng)參閱 inherit。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | 0 |
|---|---|
| 返回值： | 字符串，表示元素的 order 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊(cè)：order 屬性
HTML DOM STYLE 參考手冊(cè)：alignContent 屬性
HTML DOM STYLE 參考手冊(cè)：alignItems 屬性
HTML DOM STYLE 參考手冊(cè)：alignSelf 屬性
HTML DOM STYLE 參考手冊(cè)：flex 屬性
HTML DOM STYLE 參考手冊(cè)：flexBasis 屬性
HTML DOM STYLE 參考手冊(cè)：flexDirection 屬性
HTML DOM STYLE 參考手冊(cè)：flexFlow 屬性
HTML DOM STYLE 參考手冊(cè)：flexGrow 屬性
HTML DOM STYLE 參考手冊(cè)：flexShrink 屬性
HTML DOM STYLE 參考手冊(cè)：flexWrap 屬性
其他擴(kuò)展