Javascript 将链接添加到悬停时的图像

编辑：哇，谢谢各位，你们反应很快，这是我第一次使用这个论坛，非常感谢。我标记为答案的人知道我在说什么，对其他人也感谢他们的回答

当您将鼠标悬停在图像上时，我正试图添加图像的链接。当你把光标放在它上面时，它会改变图像，并且该图像有一个链接。有人能帮我吗

HTML

<img src="don.png" class="artist" onmouseover="hover(this);" onmouseout="unhover(this);" a href="https://privatelink.com"/>

<img src="don.png" class="artist" id="myImage" onmouseover="hover("myImage")" onmouseout="unhover("myImage")" a href="https://privatelink.com"/>

---

首先，您的html语法有一个错误

a

和

href

不是

img

元素标记的属性。检查它的可用属性。但是，如果您想用图像存储自定义数据，可以添加

data-*

属性。检查一下。如果需要，可以在JS中使用它

从位于的所有解决方案中，您可以使用：

var parentEl = document.getElementById("myimg").parentElement;
var imgEl = parentEl.innerHtml;
parentEl.innerHtml = '<a href="test.html">' + imgEl + '</a>';

var parentEl=document.getElementById（“myimg”）.parentElement；
var imgEl=parentEl.innerHtml；
parentEl.innerHtml=''；

。。。或者使用上面链接中提到的jQuery

.wrap（）

这是你的例子

你可以这样做

HTML

<img src="don.png" class="artist" onmouseover="hover(this);" onmouseout="unhover(this);" a href="https://privatelink.com"/>

<img src="don.png" class="artist" id="myImage" onmouseover="hover("myImage")" onmouseout="unhover("myImage")" a href="https://privatelink.com"/>

$（文档）.ready（函数（）{
$（“#myimage”）.hover（函数（）{
var src=”https://privatelink.com";
var a=$（“”）.attr（“href”，src）；
$（此）.wrap（a）；
});
});

图1-意大利普利亚特鲁利。

const linkedImg=document.querySelector（“#image_link”）；
linkedImg.addEventListener（“mouseover”（evt）=>toggleImage（evt，“over”）；
linkedImg.addEventListener（“mouseout”（evt）=>toggleImage（evt，“out”）；
功能切换图像（evt，id）{
如果（id==“超过”）{
linkedImg.setAttribute（“href”，“someurl1.html”）；
//改变形象
linkedImg
.查询选择器（“img”）
.setAttribute(
“src”，
"https://images.unsplash.com/photo-1542353436-312f0e1f67ff?auto=format&fit=crop&w=400&q=80"
);
}否则{
setAttribute（“href”，“someurl2.html”）；
//改变形象
linkedImg
.查询选择器（“img”）
.setAttribute(
“src”，
"https://images.unsplash.com/photo-1558981852-426c6c22a060?fit=crop&w=500&q=80"
);
}
}
只需将
作为
img
标记中的一个
元素，而不是它的一个属性
@cêŝdk img标签是一个无效标签，您的意思是将img放在a标签内instead@SaymoinSam是的，我的错，我把事情搞混了：）。动态元素会带来什么？