微信小程序這個坑啊，js動態(tài)修改樣式，我們并不能用js或者jq 輕輕松松一行代碼搞定。或者用removeClass addClass 來修改樣式。

以下是一種動態(tài)修改樣式的方法，原理是綁定數(shù)據(jù)，然后動態(tài)的修改數(shù)據(jù)，從而實現(xiàn)動態(tài)樣式的改變而已。感覺有點????????那個啥的，怪怪的。不過也沒辦法了。如果你有更好的方法，可以在評論區(qū)分享一下。

test.wxml

<view style="text-align: center;"> <label style="color:{{color}};">我會變色</label> <button bindtap="clickRed">變紅</button> <button bindtap="clickgreen">變綠</button></view>

test.js

Page({ data: { color: "red" }, clickRed: function () { this.setData({  color: "red" }) }, clickgreen: function () { this.setData({  color: "green" }) }})

效果

以上所述是小編給大家介紹的微信小程序 JS動態(tài)修改樣式的實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！