這篇文章主要為大家展示了“javascript如何動態(tài)生成css代碼”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“javascript如何動態(tài)生成css代碼”這篇文章吧。

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)與策劃設(shè)計,潞城網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:潞城等地區(qū)。潞城做網(wǎng)站價格咨詢:028-86922220

javascript 動態(tài)生成css代碼的兩種方法

有時候我們需要利用js來動態(tài)生成頁面上style標簽中的css代碼，方法很直接，就是直接創(chuàng)建一個style元素，然后設(shè)置style元素里面的css代碼，最后把它插入到head元素中。但有些兼容性問題我們需要解決。首先在符合w3c標準的瀏覽器中我們只需要把要插入的css代碼作為一個文本節(jié)點插入到style元素中即可，而在IE中則需要利用style元素的styleSheet.cssText來解決。還需要注意的就是在有些版本IE中一個頁面上style標簽數(shù)量是有限制的，如果超過了會報錯，需要考慮這點。

方法1：

給