Two ways for native js to change css styles

This article describes in detail how to change the css style using native javascript code. The following describes two ways for native js to change CSS styles:

1In javascript codeNode.style.css Text = "css expression 1; css expression 2; css expression 3"Directly change the CSS style.

2Set a style for a specific class such as "active class" in the CSS style sheet (the active class here is assumed and does not exist for the moment), and then passNode. classname = "active"Add the style settings of the active class to the node in the CSS style sheet.

The following is a detailed description of the html code:

It's just a simple p, and the running result is

First, use the first method mentioned above to change the css style and write the following javascript code: