」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何簡化JavaScript CSS供應商前綴?

如何簡化JavaScript CSS供應商前綴?

發佈於2025-02-17
瀏覽:642

How Can I Simplify JavaScript CSS Vendor Prefixing?
使用JavaScript

使用JavaScript的樣式元素可能很乏味,尤其是與供應商prefix時。傳統方法涉及手動設置每個前綴屬性,如代碼塊中所示:

var transform ='translate3d(0,0,0)'; Elem.Style.WebKitTransForm = transform; Elem.Style.MozTransForm =變換; Elem.Style.MStransForm =轉換; elem.style.otransform = transform; = value; element.Style [“ moz”屬性] = value; element.Style [“ MS”屬性] = value; element.Style [“ O”屬性] = value; } 此函數採用三個參數:樣式的元素,設置的屬性和所需的值。它通過受支持的前綴進行迭代並設置適當的樣式。

使用setVendor函數,上面的代碼塊可以簡化為:

setVendor(elem,“變換”,變換);

此代碼有效地應用了所有必要的供應商前綴,使樣式變得輕而易舉。
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3