Image 显示图像onClick

我正在做一个项目。如何使用Javascript在不使用按钮的情况下在框内单击时显示居中图像？

向调用显示隐藏图像的函数的框添加

onclick

属性

---

在调用显示隐藏图像的函数的框中添加一个

onclick

属性

---

您应该将图像加载到HTML中，并使用类似于

隐藏的CSS类将其隐藏。然后，您将希望在单击图像时使用来运行一个函数，该函数用于切换图像的可见性。图像的居中也可以使用CSS来完成


const blocks=document.querySelectorAll（'.block'）；
blocks.forEach（（block）=>{
block.addEventListener（'click'，（）=>toggleVisibility（block.querySelector（'img'））；
});
功能切换可见性（el）{
el.classList.toggle（'hidden'）；
}
.container{
显示器：flex；
}
.街区{
背景色：红色；
填充：10px；
}
.隐藏{
显示：无；
}
您应该将图像加载到HTML中，并使用类似于
隐藏的CSS类将其隐藏。然后，您将希望在单击图像时使用来运行一个函数，该函数用于切换图像的可见性。图像的居中也可以使用CSS来完成


const blocks=document.querySelectorAll（'.block'）；
blocks.forEach（（block）=>{
block.addEventListener（'click'，（）=>toggleVisibility（block.querySelector（'img'））；
});
功能切换可见性（el）{
el.classList.toggle（'hidden'）；
}
.container{
显示器：flex；
}
.街区{
背景色：红色；
填充：10px；
}
.隐藏{
显示：无；
}
您可以将onclick侦听器添加到div中，并在onclick函数中更改div的类

<div class="redbox" id="box" onclick="showImage()"></div>

showImage(){
   var box =document.getelementbyid("box").
   box.classList.remove("redbox");
   box.classList.add("image");
}


showImage（）{
var-box=document.getelementbyid（“box”）。
box.classList.remove（“redbox”）；
box.classList.add（“图像”）；
}
您可以将onclick侦听器添加到div中，并在onclick函数中更改div的类

<div class="redbox" id="box" onclick="showImage()"></div>

showImage(){
   var box =document.getelementbyid("box").
   box.classList.remove("redbox");
   box.classList.add("image");
}


showImage（）{
var-box=document.getelementbyid（“box”）。
box.classList.remove（“redbox”）；
box.classList.add（“图像”）；
}
你是说像这样？我使用了一点javascript，但它可以工作







函数REVEALIG（）{
document.getElementById（“图像”）.innerHTML=“”
}
函数xSignDisplayLetter（）{
document.getElementById（“一”）.innerHTML=“”
}
函数xSignDisplayLetterVerTwo（）{
document.getElementById（“两个”）.innerHTML=“”
}
你是说像这样？我使用了一点javascript，但它可以工作







函数REVEALIG（）{
document.getElementById（“图像”）.innerHTML=“”
}
函数xSignDisplayLetter（）{
document.getElementById（“一”）.innerHTML=“”
}
函数xSignDisplayLetterVerTwo（）{
document.getElementById（“两个”）.innerHTML=“”
}
您几乎可以在每个html元素上使用onclick。您尝试过什么？你能提供一些代码吗？你可以在几乎每个html元素上使用onclick，但是你不应该在任何html元素上使用onclick；你应该
addEventListener（）
取而代之，因为--不要把你的M、V和CY混在一起--你几乎可以在每个html元素上使用onclick。你尝试过什么？你能提供一些代码吗？你可以在几乎每个html元素上使用onclick，但是你不应该在任何html元素上使用onclick；你应该改为
addEventListener（）
，因为——不要把你的M、你的V和你的CUP混在一起——投票赞成不使用
onclick=“something（）”
，但在这里添加代码作为堆栈片段会很好。投票赞成不使用
onclick=“something（）”
但在这里添加代码作为堆栈片段会很好。