Question

怎么用JS实现这两个div的切换啊

Answer 1

你的思路是不对的。
不是设置两个div的切换。
是设置div的class。

<div class="xuanzhong"></div>
<div class="weixuanzhong"></div>
<div class="weixuanzhong"></div>

追问

你好 ，其实我说的这个就是checkbox的样式 因为在火狐上checkbox的圆角不能被兼容（写了-moz-borderradius还是不行） 所以我想通过两个div来实现切换 但是我写不来

追答

正确的思路不是设置两个div切换，是切换div的class，而这两个class定义的样式，一个是选中状态的图片，另一个是未选中状态的图片。

<style>
.xuanzhong{
width:20px;
height:20px;
background: #ff0000;
border: 1px solid #000000;
cursor:pointer;
margin: 10px;
}
.weixuanzhong{
width:20px;
height:20px;
background: #ffffff;
border: 1px solid #000000;
cursor:pointer;
margin: 10px;
}
</style>
<script type="text/javascript">
function switchXuanzhong(s){ 
if(s.className =="xuanzhong"){ 
s.className ="weixuanzhong";
}
else{ 
s.className ="xuanzhong";
}
}
</script>
<div>
<div class="xuanzhong" onclick="switchXuanzhong(this)"></div>
<div class="weixuanzhong"  onclick="switchXuanzhong(this)"></div>
</div>

 显示两个图片中的哪一个是通过css设置的。

追问

谢谢了