Javascript 单击图像以更改网站上的文本和其他图像

我是JS新手，所以我需要一些帮助

我正在用html建立一个网站，在那里我有3张图片作为按钮

• 单击图片1时，我希望显示文本1和图像1
• 当我单击图片2时，我希望显示文本2和图像2
• 当我单击图片3时，我希望显示文本3和图像3

该文本目前对我有效，因此： 当我点击图片1时，文本1显示在网站上

所以我需要帮助添加图片

这是我的密码：

函数更改文本（值）{
var div=document.getElementById（“div”）；
var text=“”；
var image=“”；
如果（值==1）文本+=“这是图片一”；
如果（值==2）文本+=“这是图片二”；
如果（值==3）文本+=“这是图片树”；
div.innerHTML=text；

---

这就是你所期待的？？

函数更改文本（值）{
var div=document.getElementById（“div”）；
var text=“”；
var image=“”；
如果（值==1）{
document.getElementById（“searchconsumers”）.style.cssText=“转换：缩放（2）；转换：所有1线性”；
document.getElementById（“exploreconsumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
document.getElementById（“FunctionSumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
text+=“这是图片一”；
div.innerHTML=文本；
}
如果（值==2）{
document.getElementById（“searchconsumers”）.style.cssText=“转换：缩放（1）；转换：所有1线性”；
document.getElementById（“exploreconsumers”）.style.cssText=“变换：比例（2）；变换：所有1线性”；
document.getElementById（“FunctionSumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
text+=“这是图片二”；
div.innerHTML=text；}
如果（值==3）{
document.getElementById（“searchconsumers”）.style.cssText=“转换：缩放（1）；转换：所有1线性”；
document.getElementById（“exploreconsumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
document.getElementById（“FunctionSumers”）.style.cssText=“变换：比例（2）；变换：所有1线性”；
text+=“这是图片树”；
div.innerHTML=text；}
}

这就是你所期待的？？

函数更改文本（值）{
var div=document.getElementById（“div”）；
var text=“”；
var image=“”；
如果（值==1）{
document.getElementById（“searchconsumers”）.style.cssText=“转换：缩放（2）；转换：所有1线性”；
document.getElementById（“exploreconsumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
document.getElementById（“FunctionSumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
text+=“这是图片一”；
div.innerHTML=文本；
}
如果（值==2）{
document.getElementById（“searchconsumers”）.style.cssText=“转换：缩放（1）；转换：所有1线性”；
document.getElementById（“exploreconsumers”）.style.cssText=“变换：比例（2）；变换：所有1线性”；
document.getElementById（“FunctionSumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
text+=“这是图片二”；
div.innerHTML=text；}
如果（值==3）{
document.getElementById（“searchconsumers”）.style.cssText=“转换：缩放（1）；转换：所有1线性”；
document.getElementById（“exploreconsumers”）.style.cssText=“变换：比例（1）；变换：所有1线性”；
document.getElementById（“FunctionSumers”）.style.cssText=“变换：比例（2）；变换：所有1线性”；
text+=“这是图片树”；
div.innerHTML=text；}
}

你想要这样的东西吗

函数更改文本（值）{
var div=document.getElementById（“div”）；
var text=“”；
var image=“”；
如果（值==1）文本+=“这是图片一
”；
如果（值==2）文本+=“这是图片二
”；
如果（值==3）文本+=“这是图片树
”；
div.innerHTML=文本；
}

。自定义{
顶部：120px；
右：200px；
位置：绝对位置；
}

---

你想要这样的东西吗

函数更改文本（值）{
var div=document.getElementById（“div”）；
var text=“”；
var image=“”；
如果（值==1）文本+=“这是图片一
”；
如果（值==2）文本+=“这是图片二
”；
如果（值==3）文本+=“这是图片树
”；
div.innerHTML=文本；
}

。自定义{
顶部：120px；
右：200px；
位置：绝对位置；
}

你所说的image1，image2..是什么意思？我想让image1，image2，image3显示。所以我点击按钮1，我想让text1和image1显示。如果我点击按钮2，我想让text2和image2显示你所说的image1，image2..？我想让image1，image2，image3显示。所以我点击按钮1，我想让text1和image1显示。如果我点击按钮2我想让文本2和图像2显示出来我不想让按钮改变，但这实际上也是一个很酷的功能。我想要的是当我点击按钮1时，图像1和文本1显示出来。（图像1和按钮1不是同一个图像）好的，但是你还没有在你的代码中创建一个按钮，所以我想这么做。是的，我知道。我只是使用图像。因此，当图像被单击时，一个新的图像将显示在网站上。-但我无法理解这部分。这段代码适合你吗？或者你需要一个按钮单击如果你知道如何使按钮单击，如果你能将它显示给我，我将不胜感激：button1单击，图像1和文本1将显示-我不希望按钮更改-但这实际上也是一个很酷的功能。我想要的是，当我单击button1时，图像1和文本1显示。（图像1和按钮1不是相同的图像）确定，但您没有