如何用js修改css(微信小程序修改器教程)

本文运行环境:Windows7系统，微信小程序开发工具2019版，戴尔G3电脑。

免费推荐:小程序开发教程

applet用js修改css的方法；

1.打开微信小程序开发工具，新建wxml文件，添加视图和按钮，设置样式，绑定字体颜色变量。

2.打开相应页面的js文件，初始化数据对象中的变量color。

3.在生命周期函数onLoad中，使用this . setdata({ color: # 39；#000'})

4.保存代码并刷新它。查看左侧模拟器对应的页面模块，看到按钮字体颜色为黑色。

5.添加font-size，在页面代码样式中绑定变量fontSize。

6.在数据对象中初始化变量fontSize，然后在onLoad中给fontSize赋值。

7.再次保存代码，看左边的模拟器。可以看到字体变大了。

以上是小程序如何用js修改css的细节。更多请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

本文由主机参考刊发，转载请注明：如何用js修改css(微信小程序修改器教程) https://zhujicankao.com/81206.html