码迷,mamicode.com
首页 > Web开发 > 详细

js控制css

时间:2014-09-09 15:07:38      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:style   ar   div   sp   c   ef   r   bs   as   

1.变量名.style.width = 100 + "px";

<div id="box"></div>

<script>

var box = document.getElementById("box");

box.style.width = 100 + "px";

box.style.height = 100 + "px";

box.style.borderLeft = 1 +"px";

</script>

2.变量名["style"]["width"] = 100 + "px";

<div id="box"></div>

<script>

box["style"]["width"] = 100 +"px";

</script>

3.变量名.style.cssText = "width:100px;Height:100px;"

<div id="box"></div>

<script>

box.style.cssText = "width:100px;height:100px;"

</script>

 

js控制css

标签:style   ar   div   sp   c   ef   r   bs   as   

原文地址:http://www.cnblogs.com/bjchenxn/p/3962177.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!