Question

js 点击按钮切换

我想做一个按钮控制一个层的隐藏和显示。按钮本身是一个图片按钮，点击这个按钮隐藏层，同时按钮就切换成另外一个图片按钮（表示显示层）。再点击一下，就显示层。如此切换。
隐藏显示层用的如下的js
<script type="text/javascript">

function show(id)
{
document.getElementById(id).style.display='block';
}

function hide(id)
{
document.getElementById(id).style.display='none';
}
</script>

求控制按钮本身切换的方法

Answer 1

function change(obj){
var divStyle =document.getElementById('id').style.display;
var src=obj.src;
var c=src.lastIndexOf("/")+1;
var s=src.slice(c);
if(divStyle=="block"){
document.getElementById('id').style.display="none";
obj.src=src.replace(s,"隐藏时的图片.jpg");
}
if(divStyle=="none"){
document.getElementById('id').style.display="block";
obj.src=src.replace(s,"显示时的图片.jpg");
}
}

<img src="images/resume/显示时的图片.jpg" onclick="change(this)"/>
<div id="id" style="display:block">你的代码</div>

换这个方法试试，适合只有一组需要切换的，动态就需要把div的id动态传值，赋值，其他的代码不需要变，一般情况一对隐藏显示就有一组对应的按钮，所以div的id是可以动态传过来，

<img src="images/resume/显示时的图片.jpg" onclick="change(this,'id')"/>
<div id="id" style="display:block">你的代码</div>
<img src="images/resume/显示时的图片.jpg" onclick="change(this,'id_1')"/>
<div id="id_1" style="display:block">你的代码</div>

到JS里接受这个参数就行了function change(obj,id){}