Javascript-单击时文本与图像一起显示

我刚刚开始使用Javascript/HTML，我想知道如何创建一个页面，比如说，当你点击与该图像相关的图像文本时，页面上会出现两个图像？ 我的图片如下所示：

<img class="thumb" data-ord="1"  onclick='changeMainImg(this);' src="full/01.jpg">

我是否可以在函数中实现文本，以便两个不同图像中的每个图像都有自己的文本

---

谢谢

实现这一点有几种方法。如果文本较短，您可以将其作为

数据集

属性添加到相同的img标记中，如下所示：

函数更改maing1（即）{
document.getElementById（“fullview”）.innerHTML=that.dataset.text；
}

另一种方法是使用所有文本定义变量，并通过索引调用它：

var文本=[
“文本1”，
“文本2”
];
功能更改维护IMG1（即）{
document.getElementById（“fullview”）.innerHTML=text[that.dataset.ord]；
}

实现这一点有几种方法。如果文本较短，您可以将其作为

数据集

属性添加到相同的img标记中，如下所示：

函数更改maing1（即）{
document.getElementById（“fullview”）.innerHTML=that.dataset.text；
}

另一种方法是使用所有文本定义变量，并通过索引调用它：

var文本=[
“文本1”，
“文本2”
];
功能更改维护IMG1（即）{
document.getElementById（“fullview”）.innerHTML=text[that.dataset.ord]；
}

我假设显示src属性对您有效。下面是一个可能的解决方案。先决条件是为每个涉及的图像指定相同的类名

/*将图像元素存储在数组中*/
const images=[…document.getElementsByClassName（'thumb'）]；
/*将事件侦听器分配给每个图像元素*/
images.map（（image）=>image.addEventListener（“单击”，函数）（）
{alert（image.src）}
));
我假设显示src属性对您有效。下面是一个可能的解决方案。先决条件是为每个涉及的图像指定相同的类名


/*将图像元素存储在数组中*/
const images=[…document.getElementsByClassName（'thumb'）]；
/*将事件侦听器分配给每个图像元素*/
images.map（（image）=>image.addEventListener（“单击”，函数）（）
{alert（image.src）}
));

你能分享一些你正在做的事情吗？你能分享一些你正在做的事情吗？
function changeMainImg1(that) {
  document.getElementById("fullview").src=that.src;
  current=that;}