Javascript changes CSS styles (local and global)_javascript tips

1. Partially change the style

There are three methods: directly change the style, change the className and change the cssText

Change the className: document.getElementById('obj').className= "…"

Change cssText: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";

Change direct style: document .getElementById('obj').style.backgroundColor="#003366″

2. Globally change the style

Achieved by changing the href value of the external link style Real-time switching of web page styles, that is, "changing template styles".

First you need to give an id to the target that needs to be changed, such as

The call is very simple, such as