小程式怎麼用js修改css

小程式用js修改css的方法：首先頁面動態綁定樣式變數；然後data物件中初始化變數；接著生命週期函數變數賦值；最後儲存程式碼左側查看效果。

本文操作環境：Windows7系統，微信小程式開發工具2019版本，Dell G3電腦。

相關免費推薦：小程式開發教學

#小程式用js修改css的方法：

1、開啟微信小程式開發工具，新建一個wxml文件，並加入view和button，設定樣式並綁定字體顏色變數

2、開啟對應頁面的js文件，在data物件中初始化變數color

3、在生命週期函數onLoad中，使用this.setData( {color:'#000'})

4、儲存程式碼並刷新，查看左側模擬器對應頁面模組，看到按鈕字體顏色為黑色

5、再在頁面程式碼style中，加入font-size並綁定變數fontSize

6、再在data物件中初始化變數fontSize，然後在onLoad中給fontSize賦值

#7、再次儲存程式碼並查看左側模擬器，可以查看到字體變大了

以上是小程式怎麼用js修改css的詳細內容。更多資訊請關注PHP中文網其他相關文章！