如何用js修改css样式？
如何用js修改css样式？下面本篇文章就来给大家介绍一下使用javascript修改css样式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
共用代码：
<div id="div">这是一个盒子</div>
var div = document.getElementById("div");第一种：用cssText
div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';第二种：用setProperty()
div.style.setProperty('width','700px');
div.style.setProperty('height','300px');
div.style.setProperty('line-height','300px');
div.style.setProperty('background','#f00');
div.style.setProperty('color','#fff');
div.style.setProperty('border','1px solid blue');
div.style.setProperty('text-align','center');第三种：使用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";<body>
<div id="div">这是一个盒子</div>
<script type="text/javascript">
var div = document.getElementById("div");
//第一种:用cssText
div.style.cssText='width:600px;height:250px;border:1px red solid;text-align: center;line-height: 250px;';
//第二种：用setProperty()
div.style.setProperty('width','700px');
div.style.setProperty('height','300px');
div.style.setProperty('line-height','300px');
div.style.setProperty('background','#f00');
div.style.setProperty('color','#fff');
div.style.setProperty('border','1px solid blue');
div.style.setProperty('text-align','center');
//第三种：使用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";
</script>
</body本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
