用JS改變的元素CSS樣式

 

 

CSS樣式的引用有3種方式：style引用、class引用、id引用，所以js改變元素的樣式我們也分3種來說。

1.js改變由style方式引用的樣式：
方法一：document.div.style.cssText="border:1px solid #000000;color:#FF0000";
方法二：document.div.setAttribute("style","border:1px solid #000000;color:#FF0000");

其中，divs是要改變樣式元素的name。

2.js改變由class方式引用的樣式：
方法一：document.div.className='div';
方法二：document.div.setAttribute("class","div");

其中，div是要改變樣式元素的name。

3.js改變由id方式引用的樣式：
方法二：document.div.setAttribute("id","div");

其中，div是要改變樣式元素的name。