How to dynamically change style through js

Language 2023-10-01 09:56:46 views: null

1. Introduce scss
2. Define global variables in the global scss file
Insert image description here
3. Reference variables and change variable values

document.getElementsByTagName('body')[0].style.setProperty('--color','#fff')

Okay, I believe you are smart and have understood it.

Guess you like

Origin blog.csdn.net/qq_17355709/article/details/127980070

How to dynamically change style through js

Pass parameters to js to dynamically change the style of div

Realize digital change effect dynamically through js

Dynamically change the style in vue

React- dynamically change the style

Use jquery to dynamically change checkbox selection and style

Vue dynamically modifies CSS style through style attribute and class attribute

How to change the checkbox style in uniapp

How to change the default style of ElementUI

Change FileUpLoader style (FileUpLoader js)

How to use style dynamically in vue3

js dynamically created tab and set the style.

Native js dynamically add style sheets

JS: Dynamically add li elements and style them

JS dynamically changes element css style

React How to dynamically change the html tag

How to dynamically change the size of a Highcharts chart

How to change background-image dynamically

Micro letter head applet dynamically change the title and style

ng-style in angularjs dynamically changes the style in js

How to change the style that comes with element in the vue project

How to achieve custom radio style change color

How to change the mouse pointer style (cursor) in CSS?

How to delete the default style of the uniapp project carousel and change it to a custom style

JavaScript js dynamically add and remove disabled and style attributes

How to dynamically change the report's row height column width

How to add arrows to the SVG path and dynamically change the direction

[Android] How to dynamically change the ConstraintLayout’s ChildView constraint object

Dynamically change the style in vue (click event: the classic way of writing the navigation bar)

How to change the original array in js

Recommended

Ranking

[Algorithm] greedy _ program scheduling issues

Spring 控制反转（IOC）

Data structure-6.6 figure

Indicates that the class or member method has abstract properties

Huawei v5 server installed Linux operating system

Postgresql source code analysis - creating ordinary tables

Chapter 10 Evaluation Classification Results

Cloud service Ubuntu 20.04 version uses Nginx to deploy static web pages

Java Exercise 17.1

Solve the problem that git cannot automatically push submission in IDEA Push failed: Failed with error: Could not read from remote repository.

Daily

2024-05-09(32)

2024-05-08(18)

2024-05-07(34)

2024-05-06(6)

2024-05-05(0)

2024-05-04(18)

2024-05-03(8)

2024-05-02(0)

2024-05-01(4)

2024-04-30(36)