今天小編給大家分享一下怎么用javascript動(dòng)態(tài)生成css代碼的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
東河網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,東河網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為東河上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢,請找那個(gè)售后服務(wù)好的東河做網(wǎng)站的公司定做!
javascript 動(dòng)態(tài)生成css代碼的兩種方法
有時(shí)候我們需要利用js來動(dòng)態(tài)生成頁面上style標(biāo)簽中的css代碼,方法很直接,就是直接創(chuàng)建一個(gè)style元素,然后設(shè)置style元素里面的css代碼,最后把它插入到head元素中。但有些兼容性問題我們需要解決。首先在符合w3c標(biāo)準(zhǔn)的瀏覽器中我們只需要把要插入的css代碼作為一個(gè)文本節(jié)點(diǎn)插入到style元素中即可,而在IE中則需要利用style元素的styleSheet.cssText來解決。還需要注意的就是在有些版本IE中一個(gè)頁面上style標(biāo)簽數(shù)量是有限制的,如果超過了會(huì)報(bào)錯(cuò),需要考慮這點(diǎn)。
方法1:
給