前言
本文主要介紹了關于微信小程序 JS動態修改樣式的相關內容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧
先寫一個不怎么好看的demo，通過點擊事件來控制view的元素屬性，把背景改變成藍色。
是這樣的效果：
代碼如下：
上一份小代碼
index.wxml
<view > <view class="cont" style="background:{{background}};">屬性改變</view> <button bindtap="tryDriver">測試</button></view>index.wxss
.cont{ height: 150rpx; line-height: 150rpx; text-align: center; border: 1px solid #89dcf8; margin-bottom:112rpx; margin:13rpx;}index.js
Page({ data: {}, tryDriver: function() { this.setData({ background: "#89dcf8" }) }})一次性修改多個屬性，比如同時改變背景顏色，字體顏色，字體大小等樣式
wxml:
<view > <view class="cont" style="background:{{background}};color:{{color}};height:{{height}}">屬性改變</view> <button bindtap="tryDriver">測試</button></view>js:
Page({ data: {}, tryDriver: function() { this.setData({ background: "#89dcf8", color:'#ffffff', height:"322rpx" }) }})總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答
