Question

在javascript中怎么能改变CSS中一个类的属性

.mi-1-2-img3{
margin-left:135px;
margin-top:1px;
}
我想把这个类中的margin-left:135px;改成150px;
应该知道写？
应该怎么写，好心人帮帮忙，谢谢！！

Answer 1

先取到你想要变化的元素，我假设你要动的是个div，他的id是pp：
var tt = document.getElementById("pp");
tt.style.marginLeft = "150px"

就可以了！

Answer 2

楼上的，你那样写是改了DIV的STYLE，不是改整个CLASS。请看我下面的方法，欢迎讨论。

<style>
.mi-1-2-img3{
margin-left:135px;
margin-top:1px;
}
</style>

<script>
function swi(){

if(typeof document.styleSheets != "undefined"){
var printStyleSheet = document.styleSheets[0];
var printRules = null;

if (typeof printStyleSheet.rules != "undefined")
{
printRules = printStyleSheet.rules;
}else{
printRules = printStyleSheet.cssRules;
}

printRules[0].style.marginLeft = "250px";
}

}
</script>

<div class="mi-1-2-img3">123446</div>
<br />
<a href="#" onclick="swi();">CLICK ME</a>

注意数组下标要根据你CSS列表和属性顺序来定义，这个应该不难的

Answer 3

什么问题