供應商前綴javascript中的css3屬性

Question

我正在嘗試添加網格的高度和寬度各自的動畫持續時間css3屬性。我使用這個代碼div.style.animationDuration。它適合我。

我關心的是如何在像-MS-動畫持續時間JS添加供應商名稱CSS3屬性的動畫持續時間

Answer 1

一般供應商前綴在JavaScript中的CSS如下：

爲

1. MOZ Mozilla Firefox瀏覽器
2. 的WebKit爲谷歌Chrome，蘋果Safari和其它基於 WebKit的瀏覽器
3. 毫秒爲Microsoft Internet Explorer

4. o對於歌劇

   因此，你可以用div.style.webkitAnimationDuration

更換div.style.animationDuration要處理一般的這個問題，你可以寫一個方法

function setVendorCss(element, property, value) { 
    element.style["webkit" + property] = value; 
    element.style["moz" + property] = value; 
    element.style["ms" + property] = value; 
    element.style["o" + property] = value; 
} 

在這裏閱讀更多https://www.kirupa.com/html5/vendor_prefixes_javascript.htm

Answer 2

而不是像這樣選擇元素：

element.style.color = 'red'; 
element.style.fontSize = '2em'; 

嘗試：

element.style.cssText = 'color: red; font-size: 2em'; 

style.cssText是一次添加多個樣式，甚至棘手那些需要前綴是有用的。