JavaScript获取修改CSS样式

本文记录WEB前端学习过程中遇到的JavaScript获取修改CSS样式~

获取样式:

//获取指定属性的值
obj.style.属性

设置样式:

//给指定属性设置内容
obj.style.属性=值

示例代码:

<div id="divId" style="height: 100px; width: 100px; margin: 10px; padding: 20px;"></div>

<script type="text/javascript">

//获得div对象
var divObj = document.getElementById("divId");

//获得高度
var height = window.parseInt(divObj.style.height);

//将原始高度翻倍,再设置给div
divObj.style.height = height * 2 + "px";

</script>

注意:如果属性由多个单词使用“-”连接,需要将“-”删除,并将后一个单词首字母大写。例如:background-color需要改成backgroundColor。

标签: none