在面向对象的开发发现阶段的互联网开发模型中,许多主流开发语言也属于面向对象的开发,这是一种基于“对象”概念的方法。由于不基于网络,因此不支持DOM操作,也无法获得文档对象,因此您无法再修改样式,例如以前的编写网页$(#xxx).css({})的样式。小程序无法获得DOM对象,如何修改样式?
但是,如果有一些迷你程序,JS仍然可以动态修改。
1。修改班级名称
2。添加一个类名称以覆盖以前的样式
3。修改在线样式并覆盖以前的样式
这种类型的方法通常在HTML中使用,封装样式使代码更舒适地阅读:
创建项目测试并通过单击用户的头像来修改颜色:
WXML文件分别对应于上述三种方法
WXSS文件,预定义的样式
。 {
-顶部: ;
.text-red {
:红色的;
.Text-Blue {
:蓝色的;
在JS文件中
页({
数据:{
:'',,
:{},
:“”,
:“”,
:“”},
//事件处理功能,
体验实际的微信迷你节目,更多的微信Mini计划,而JISU信息站正在等待您查看。
:){
这。({
:“ text-red”,
:“ text-blue”,
:“:”})
},,
最终效果:
结论:WXSS文件实际上与HTML CSS文件相同,但是WXSS支持的属性少于CSS。在Mini程序的开发中,即使无法获得对象修改属性,也可以通过上述三种方法修改JS动态样式。