首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

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

发布网友 发布时间:2022-04-23 07:56

我来回答

3个回答

热心网友 时间:2022-04-20 04:51

如图,项目结构如下

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

接下来在body下声明脚本标签(这里偷懒,头部引入外部js也可)

然后声明图片路径

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

希望能帮到你。

热心网友 时间:2022-04-20 06:09

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-04-20 07:44

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

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com