js控制css

標籤：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