javascript 改变css样式的三种方法

html:

1 <div id="div">test test test</div>
2 var div = document.getElementById("div");

1、用cssTextL：

1 div.style.cssText='width:600px;height:250px';

2、用setProperty()：

1 div.style.setProperty('width','700px');
2  div.style.setProperty('height','300px');
3  div.style.setProperty('line-height','300px');
4  div.style.setProperty('background','#f00');
5  div.style.setProperty('color','#fff');
6  div.style.setProperty('border','1px solid blue');
7  div.style.setProperty('text-align','center');

3、使用css属性对应的style属性：

1 div.style.width = "800px";
2  div.style.height = "250px"; 
3  div.style.lineHeight = "250px"; 
4  div.style.background = "#000";
5  div.style.color = "#fff";
6  div.style.border = "1px solid #111";
7  div.style.textAlign = "center";

 

posted @ 2017-08-23 11:26  晕菜一员  阅读(336)  评论(0)    收藏  举报