小程序是一種跨平臺的應(yīng)用程序,它可以在微信、QQ等社交軟件內(nèi)運行。對于很多開發(fā)者來說,小程序動態(tài)添加css是一個非常重要的技能,有了它,我們可以在運行時修改頁面的樣式。
具體實現(xiàn)方法如下:
function addCss(rule) {
var css = document.createElement('style');
css.type = 'text/css';
if (css.styleSheet) css.styleSheet.cssText = rule; //針對IE瀏覽器
else css.appendChild(document.createTextNode(rule)); //針對標(biāo)準(zhǔn)瀏覽器
document.getElementsByTagName("head")[0].appendChild(css);
}
以上代碼是添加css的函數(shù),我們可以在需要的時候調(diào)用它,傳入需要添加的樣式規(guī)則。
addCss('.test {color: red}');
以上代碼則是調(diào)用addCss函數(shù),并添加了一個.test類的樣式,將其字體顏色改為紅色。
需要注意的是,當(dāng)我們動態(tài)添加的樣式規(guī)則較多時,可能會導(dǎo)致性能下降。因此,推薦使用緩存樣式表、避免添加冗余樣式等方式進行優(yōu)化。
上一篇小程序css布局常用代碼
下一篇小程序+css+元素選擇