前言

本文主要介绍关于微信小程序JS动态修改样式的相关内容，分享给大家参考。下面的话就不多说了，我们来看看详细的介绍

首先，编写一个不吸引人的演示，单击事件来控制视图的元素属性，并将背景更改为蓝色。

这就是效果：

代码如下：

最后一个小代码

index.wxml

view view class=' cont ' style=' background : { { background } }；'属性更改/视图按钮bind tap=' try driver ' test/button/view index . wxss。cont { height: 150rpx线高： 150 rpx；文本对齐：中心；border: 1px实心# 89 DC F8；边距-bottom :112 rpx；margin:13rpx}index.js

page({ data : } }，trydriver:function () {this。setdata({ background 3360 ' # 89 DC F8 ' })})一次修改多个属性，例如同时更改背景颜色、字体颜色、字体大小和其他样式

wxml:

view view class=' cont ' style=' background : { { background } }；color: { { color } }Height:{{height}} '属性更改/视图按钮bind tap=' try driver ' test/button/view js :

page({ data : } }，trydriver: function () {this。setdata({ background 3360 ' # 89 DC F8 '，color3360' # ffffff '，height :' 322rpx'})})

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。