基于HTML图像表的JavaScript

基于HTML图像表的JavaScript,javascript,html,Javascript,Html,我有一个表格,其中每个单元格都是HTML格式的图像。我需要点击功能,这样当你点击一个图像时,它会带你到一个链接到该图像的不同HTML页面。我知道我需要使用JavaScript来实现这一点,但任何朝着正确方向的推动都会很有帮助。表中的每个图像单元也有自己的id const images=document.querySelectorAll('table td img'); 数组.from(图像).forEach(函数(img){ 设tableCell=img.parentNode; 让anch

我有一个表格,其中每个单元格都是HTML格式的图像。我需要点击功能,这样当你点击一个图像时,它会带你到一个链接到该图像的不同HTML页面。我知道我需要使用JavaScript来实现这一点,但任何朝着正确方向的推动都会很有帮助。表中的每个图像单元也有自己的id


const images=document.querySelectorAll('table td img');
数组.from(图像).forEach(函数(img){
设tableCell=img.parentNode;
让anchor=document.createElement('a');
anchor.href=img.getAttribute('src');
锚定追加(img);
tableCell.append(锚定);
});

const images=document.querySelectorAll('table td img');
数组.from(图像).forEach(函数(img){
设tableCell=img.parentNode;
让anchor=document.createElement('a');
anchor.href=img.getAttribute('src');
锚定追加(img);
tableCell.append(锚定);
});

最简单的解决方案是使用适当的url将您的应用程序包装在一个中。请参阅下面的代码片段


最简单的解决方案是使用适当的url将您的应用程序包装在一个中。请参阅下面的代码片段



为什么不用html(即
)将图像包装在
标记中?(另外,
img
是一个自动关闭的html标记,您不需要
,而是使用单个标记
)为什么不将图像包装在html中的
a
标记中(即
)?(请注意,
img
是一个自动关闭的html标记,您不需要
,而是使用单个标记