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

网上下载来的，不知道怎么分别给每张图片增加超链接

举报该问题

其他回答

第1个回答 2021-04-22

如图，项目结构如下

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

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

然后声明图片路径

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

希望能帮到你。

第2个回答 2021-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)
})

第3个回答 2021-04-23

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

相似回答

如何用js给图片加超链接啊答：添加点击事件，跳转链接就可以了

网页JS 代码怎么弄超链接. 请懂的大神指教!答：1 把要点击的文字或者图片用标签包起来，要跳转的地址写在标签中 2 给要点击的文字或者图片添加 click 事件，跳转在 click 事件中处理

js加超链接答：1、JavaScript自动跳转方法一：使用setInterval()方法实现页面自动跳转。2、JavaScript语言中，setInterval()方法的详细介绍如下图所示。主要介绍方法的定义，作用和语法。3、使用setInterval()方法，让一个网页跳转函数实现延迟调用。4、JavaScript自动跳转方法二：使用setTimeout()方法实现页面自动跳转。5、Jav...

javascript为src插入超链接答：正确的dom层级不是你这样的 src只是用来放图片路径的你说的链接应该是这样的将链接放在外层即可所以a的href你自己再写段代码就行

请问怎么在网页上用JS加入一个超链接图片答：document.writeln("<\/td><\/tr><\/table>")

js中如何动态给一个表格中的某一个单元格添加一个超链接作为单元格内容...答：function fun(){row = document.getElementById("row").value - 1;col = document.getElementById("col").value - 1;tr = document.getElementById("test").getElementsByTagName("tr");td = tr[row].getElementsByTagName("td")[col];td.innerHTML = "超链接";}3、效果演示 ...

大家正在搜

给图片加上超链接代码怎样为幻灯片的图片添加超链接图片加上超链接后不显示图片怎么在图片中添加链接手机如何给图片添加超链接网页设计中图片加超链接 html怎么在图片上加文字链接网页图片加链接代码给图片加超链接