微信小程序中JS修改CSS的方法

微信小程序中，JS可以通過操作樣式表來修改CSS，在微信小程序中，每個(gè)頁面都有自己的樣式表，JS可以通過操作這個(gè)樣式表來修改頁面的樣式。

1、獲取樣式表對象

JS需要獲取到當(dāng)前頁面的樣式表對象，可以通過wx.createSelectorQuery方法來獲取樣式表對象。

var styleSheet = wx.createSelectorQuery().selectStyleSheet();

2、讀取樣式表內(nèi)容

獲取到樣式表對象后，JS可以讀取樣式表的內(nèi)容，樣式表的內(nèi)容是一個(gè)字符串，包含了頁面的所有CSS樣式。

styleSheet.read({ success: function (res) { var css = res.styleSheet; } });

3、查找并修改樣式

JS可以通過查找樣式表中的字符串來找到需要修改的樣式，并將其修改為新的值，假設(shè)樣式表中有一個(gè)樣式規(guī)則color: red，JS可以將其修改為color: blue。

var newCss = css.replace('color: red', 'color: blue');
styleSheet.write({ styleSheet: newCss });

4、插入新樣式

JS還可以在樣式表中插入新的樣式規(guī)則，假設(shè)JS想要插入一個(gè)新的樣式規(guī)則font-size: 16px，可以使用以下代碼：

var newCss = css + '\nfont-size: 16px';
styleSheet.write({ styleSheet: newCss });

通過以上步驟，JS可以在微信小程序中修改CSS樣式，需要注意的是，樣式的修改可能會影響頁面的布局和外觀，因此JS在修改樣式時(shí)需要謹(jǐn)慎操作。