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

成都創(chuàng)新互聯(lián)公司秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營(yíng)銷(xiāo)的理念，以專(zhuān)業(yè)定制企業(yè)官網(wǎng)，網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)，微信小程序定制開(kāi)發(fā)，網(wǎng)頁(yè)設(shè)計(jì)制作，成都手機(jī)網(wǎng)站制作，全網(wǎng)整合營(yíng)銷(xiāo)推廣幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級(jí)專(zhuān)業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對(duì)客戶(hù)都以感恩的心態(tài)奉獻(xiàn)自己的專(zhuān)業(yè)和所長(zhǎng)。

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

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

方法1：

給