首先的獲取該瀏覽器支援的樣式表,可以通過建立乙個空標籤來獲取
var sty = document.createelement("div").style複製**
通過chrome控制台列印出來是這樣的(ps: 不同瀏覽器結果不同)
現在字首主要有這四種:webkit,moz,o,ms
通過遍歷來匹配對應的字首並返回
var vendor = (() => ;
for(let key in transformnames)
}// 若都找不到,說明這個瀏覽器有毛病啦
return
false;
})();複製**
最後再封裝成函式,即可使用了
function prefixstyle(style)
if(vendor === 'default')
// 對應字首 + 首字母大寫 + 剩餘部分
return vendor + style.charat(0).touppercase() + style.substr(1);
}複製**
JS操作css樣式
操作內聯樣式 通過js修改元素的樣式 通過style屬性設定的樣式都是內聯樣式,而內聯樣式具有較高的優先順序,所以通過js修改的樣式往往會立即顯示 讀取元素的樣式 獲取元素當前顯示的樣式 currentstyle 語法 元素.currentstyle.樣式名 getcomputedstyle 該方法...
js操作css樣式
1.js操作css樣式 例如 div style width 100px 就是在div標籤內我們新增乙個style屬性,並設定了width值,這種寫法會給標籤帶來大量的style屬性,跟實際專案是不符合的,我們沒有讓css和html分離。所以如果是為了獲取css樣式 用 window getcomp...
操作js的樣式
1.js操作css樣式 div.style.width 100px 在div標籤內我們新增了乙個style屬性,並設定 了width值。這種寫法會給標籤帶來大量的style屬性,跟實際專案是不符。我們沒有讓css和html分離。所以如果是為了獲取css樣式 window.getcomputedsty...