首頁 > web前端 > js教程 > 主體

具體介紹javascript使用兩種方式動態產生css程式碼的詳情

黄舟
發布: 2017-03-17 14:50:03
原創
970 人瀏覽過

這篇文章主要介紹了javascript 動態產生css程式碼的兩種方法,有時候我們需要利用js來動態產生頁面上style標籤中的css程式碼,下面就給大家介紹兩種方法,需要的朋友可以參考下

javascript 動態產生css程式碼的兩種方法

有時候我們需要利用js來動態產生頁面上style標籤中的css程式碼,方法很直接,就是直接建立style元素,然後設定style元素裡面的css程式碼,最後把它插入到head元素中。但有些相容性問題我們需要解決。首先在符合w3c標準的瀏覽器中我們只需要把要插入的css程式碼作為一個文字節點插入到style元素中即可,而在IE中則需要利用style元素的styleSheet.cssText來解決。還要注意的就是在有些版本IE中一個頁面上style標籤數量是有限制的,如果超過了會報錯,需要考慮這一點。

方法1: