嘿伙计们,
基本上这是我的页面,如果单击一个图像,JS 只是更改图像,如果 <a href="#1" onclick="worseChange()"> <img src='worseun.png' name='worse' border='0' /> </a>
则效果很好。首先是 <body>
下面,但如果有另一个 <img src='' />
则不起作用它上面!我还在学习 js,这是一个头疼的问题,有人可以建议修复吗?这是它在上面没有任何内容的情况下工作
<script type="text/javascript">
function worseChange()
{
var theImga = document.getElementsByTagName('img')[0].src;
var xa = theImga.split("/");
var ta = xa.length-1;
var ya = xa[ta];
if(ya=='worseun.png')
{
document.images.worse.src='worse.png';
document.images.cd.src='cdun.png';
}
}
function cdChange()
{
var theImgb = document.getElementsByTagName('img')[1].src;
var xb = theImgb.split("/");
var tb = xb.length-1;
var yb = xb[tb];
if(yb=='cdun.png')
{
document.images.worse.src='worseun.png';
document.images.cd.src='cd.png';
}
}
</script>
</head>
<body>
<a name=1>Uno</a>
<a href="#1" onclick="worseChange()"> <img src='worseun.png' name='worse' border='0' /> </a><br />
<a href="#2" onclick="cdChange()"> <img src='cd.png' name='cd' border='0' /> </a>
<a name=2>Dos</a>
<body>
谢谢大家, 詹姆斯
最佳答案
第一行:
var theImga = document.getElementsByTagName('img')[0].src;
的意思是,“获取文档中的第一个 <img>
标签,然后获取其 'src' 属性值。”您可以改为给“真实”图像一个“id”值,并使用 document.getElementById('whatever')
得到它。
<a href="#1" onclick="worseChange()"> <img id='worse' src='worseun.png' name='worse' border='0' /> </a>
然后
var theImga = document.getElementById('worse').src;
关于javascript - JS 图像更改在其他标签下不起作用(应该是一个简单的修复),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4097224/