当前位置: 代码迷 >> JavaScript >> 当触发 onclick="show(this.id)"> 后,怎么变换链接里的图片
  详细解决方案

当触发 onclick="show(this.id)"> 后,怎么变换链接里的图片

热度:553   发布时间:2012-09-25 09:55:59.0
当触发 onclick="show(this.id)"> 后,如何变换链接里的图片?
如何变换链接里的图片?前提是必须触发 onclick="show(this.id)"> 后

<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a>

function show(id) {
  d = document.getElementById("div1"+id);
  if(d.style.display == "none"){
  //down.gif 这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片
  }
  else{
  //up.gif
  }
}

------解决方案--------------------
JScript code

function show(id) {
  d = document.getElementById("div1"+id);
  if(d.style.display == "none"){
document.getElementById('id1').innerHTML='<img src="images/down.gif">'
  //down.gif 这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片
  }
  else{
document.getElementById('id1').innerHTML='<img src="images/up.gif">'
  //up.gif
  }
}

------解决方案--------------------
探讨
JScript code

function show(id) {
d = document.getElementById("div1"+id);
if(d.style.display == "none"){
document.getElementById('id1').innerHTML='<img src="images/down.gif">'
//down.gif 这……

------解决方案--------------------
<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a>

function show(id) {
d = document.getElementById("div1"+id);
if(d.style.display == "none"){
this.childNodes[0].src = "images/down.gif";
}
else{
this.childNodes[0].src = "images/up.gif";
}
}
------解决方案--------------------
d = document.getElementById("div1"+id);

干嘛是"div1" + id , 这样还能找到你的<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a> 中的id "id1" 吗?

"div1" + id, 永远不等于 "id1",改成
d = document.getElementById(id);

------解决方案--------------------
探讨
d = document.getElementById("div1"+id);

干嘛是"div1" + id , 这样还能找到你的<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a> 中的id "id1" 吗?

"div1" + id, 永远不等于 "id1",改成
d = documen……

------解决方案--------------------
<a href='#' id="up" onclick="show(this)"><img src="images/up.gif"></a>

function show(obj) {
var img = obj.childNodes[0];
// up
if (obj.id == img.src.substring(img.src.lastIndexOf('/')+1, img.src.indexOf('.'))) {
img.src = img.src.replace('up', 'down');
// down
} else {
img.src = img.src.replace('down', 'up');
}
}
------解决方案--------------------
HTML code
<a href='javascript:void();' id="<%# Eval("ID") %>" onclick="show(this.id)"><img src="images/+.gif" alt="" /></a>

------解决方案--------------------
探讨
<a href='#' id="up" onclick="show(this)"><img src="images/up.gif"></a>
  相关解决方案