JS-45 CSS操作

   CSS操作动态设置样式 常用方法

1、HTML元素的style属性

　　操作CSS样式最简单的方法，就是使用网页元素节点的setAttribute方法直接操作网页元素的style属性

　　div.setAttribute(

　　'style',

　　'background-color:red;'+'border:1px solid blacjk;'

　);

 

2、元素节点的style属性

　　var divStyle=document.querySelector('div').style;

　　divStyle.backgroundColor='red';

　　divStyle.border='1px solid black';

　　divStyle.width='100px';

　　divStyle.height='100px';

　　divStyle.fontSize='10em';

 

3、css Text属性

　　var divStyle=document.querySelector('div').style;

　　divStyle.cssText='background-color:red;'

       +'border:1px solid black;'

　　+'height:100px;'

　　+'width:100px;';