怎么给JS代码中的图片加超链接？

发布网友发布时间：2022-03-26 01:35

我来回答

共3个回答

热心网友时间：2022-03-26 03:05

如图，项目结构如下

首先在html内容中添加一个div用来存放图片

接下来在body下声明脚本标签（这里偷懒，头部引入外部js也可）

然后声明图片路径

声明一个变量用于接收图片内容，循环遍历path里面的路径，将他们分别放入每一个li标签中的a标签中的img中的src属性中去，其中a标签的href属性则是超链接，可以改成想要跳转的链接

希望能帮到你。

热心网友时间：2022-03-26 04:23

imgArr.map(imglink => {
const atags = document.createElement('a')
const imgtags = document.createElement('img')
imgtags.src = imglink.path
atags.href = imglink.path
atags.appendChild(imgtags)
})

热心网友时间：2022-03-26 05:57

用a标签把image属性包裹住就可以超链接了