首頁 > 文章 > web前端 > js如何改變css樣式

js如何改變css樣式

coldplay.xixi原創: 2021-04-16 14:52:464315瀏覽

js改變css樣式的方法：1、使用cssText方法；2、使用【setProperty()】方法；3、使用css屬性對應的style屬性。

js如何改變css樣式

本教學操作環境：windows7系統、css3版，DELL G3電腦。

js改變css樣式的方法：

第一種：用cssText

div.style.cssText=&#39;width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;&#39;;

第二種：用setProperty()

 div.style.setProperty(&#39;width&#39;,&#39;700px&#39;);
 div.style.setProperty(&#39;height&#39;,&#39;300px&#39;);
 div.style.setProperty(&#39;line-height&#39;,&#39;300px&#39;);
 div.style.setProperty(&#39;background&#39;,&#39;#f00&#39;);
 div.style.setProperty(&#39;color&#39;,&#39;#fff&#39;);
 div.style.setProperty(&#39;border&#39;,&#39;1px solid blue&#39;);
 div.style.setProperty(&#39;text-align&#39;,&#39;center&#39;);

第三種：使用css屬性對應的style屬性

 div.style.width = "800px";
 div.style.height = "250px"; 
 div.style.lineHeight = "250px"; 
 div.style.background = "#000";
 div.style.color = "#fff";
 div.style.border = "1px solid #111";
 div.style.textAlign = "center";


        这是一个盒子

相關教學推薦：CSS影片教學

以上是js如何改變css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：js如何修改css下一篇：js如何修改css

看更多