87,904
社区成员
发帖
与我相关
我的任务
分享设置图片连接地址
<a href="b.jpg"><img src="a.jpg" ID="myimg"></a>，当鼠标移动到某张图片时触发事件，document.myimg.src=
"c.jpg",这里已经实现。还要把<a href="b.jpg">改成<a href="d.jpg">，这里代码应该怎么写？
"c.jpg",这里已经实现。还要把<a href="b.jpg">改成<a href="d.jpg">，这里代码应该怎么写？
...全文
请发表友善的回复…
发表回复
nicholsky 2007-11-07
- 打赏
- 举报
最好把parentElement换成parentNode，兼容性好，我提供另一种方法。
<a href="b.jpg"><img src="a.jpg" id="myimg"></a>
<script>
var a=document.getElementById("myimg");
a.onmouseover=function(){this.src='c.jpg'}
a.parentNode.href="d.jpg"
</script>
OceanRain 2007-11-07
- 打赏
- 举报
----楼主按如下方法实现:
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function ff()
{
//设置myimg
var img = event.srcElement; //触发事件的元素 此处为myimg
img.src = "c.jpg";
//设置a
var a = img.parentElement;
a.href = "d.jpg";
alert(a.href);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="b.jpg"> <img onmouseover="ff()" src= "a.jpg" ID= "myimg "> </a>
</div>
</form>
</body>
</html>
<head runat="server">
<title>无标题页</title>
<script type="text/javascript">
function ff()
{
//设置myimg
var img = event.srcElement; //触发事件的元素 此处为myimg
img.src = "c.jpg";
//设置a
var a = img.parentElement;
a.href = "d.jpg";
alert(a.href);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="b.jpg"> <img onmouseover="ff()" src= "a.jpg" ID= "myimg "> </a>
</div>
</form>
</body>
</html>
