window.onload=function(){ var obj=document.getElementById("tupian"); var o=document.getElementById("butt") o.onclick=function(){ obj.getAttribute("src")=="img/tabf.gif" ? obj.setAttribute("src","img/tabn.gif") : obj.setAttribute("src","img/tabf.gif"); } } ----------------------- 可能是你的事件设置的问题
呃... 你的代码我在IE 6下测试通过,没装IE 7,没法测试IE 7...
原来IE7只支持绝对路径,不过Firefox,Chrome不支持绝对路径 var ourl=obj.getAttribute("src"); var nurl=ourl.indexOf("tabf.gif")<0 ? ourl.replace("tabn.gif","tabf.gif") : ourl.replace("tabf.gif","tabn.gif"); obj.setAttribute("src",nurl);
var obj=document.getElementById("tupian");
var o=document.getElementById("butt")
o.onclick=function(){
obj.getAttribute("src")=="img/tabf.gif" ? obj.setAttribute("src","img/tabn.gif") : obj.setAttribute("src","img/tabf.gif");
}
}
-----------------------
可能是你的事件设置的问题
你的代码我在IE 6下测试通过,没装IE 7,没法测试IE 7...
var ourl=obj.getAttribute("src");
var nurl=ourl.indexOf("tabf.gif")<0 ? ourl.replace("tabn.gif","tabf.gif") : ourl.replace("tabf.gif","tabn.gif");
obj.setAttribute("src",nurl);
不过JS支持 img.src 用这个还简单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
#test{
height:30px;
width:100px;
border:1px solid #B4C8FC;
}
#test img{
float:right;
margin:10px;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=function(){
var obj=document.getElementById("tupian");
var o=document.getElementById("butt")
o.onclick=function(){
obj.src == 'img/tabf.gif' ? obj.src = 'img/tabn.gif' : obj.src = 'img/tabf.gif';
}
}
//-->
</script>
</head>
<body>
<img id="tupian" src="img/tabf.gif" />
<br />
<button id="butt">test</button>
</body>
</html>
应该不有会有问题的或者这下这里试下
o.onclick=function(){
/tabf.gif/.test(obj.src) ? obj.src = 'img/tabn.gif' : obj.src = 'img/tabf.gif';
}