Javascript隐藏图片

我经常使用这些抽认卡。最近，我一直在用图片作为答案。然而，我无法隐藏这些图片。我想在网页启动时隐藏图片

函数myShowText（id）{
document.querySelector（'#'+id+'.answer'）.style.color='black'；
}
函数myHideText（id）{
document.querySelector（'#'+id+'.answer'）.style.color='white'；
}

。回答{
边框样式：实心；
边框颜色：#287EC7；
颜色：白色；
}

抽认卡VBA
抽认卡

第一个问题

如果我理解正确，您只想在用户加载页面时隐藏您的图像？在这种情况下，只需在您的图像上添加sommecss即可

visibility:hidden或
显示：无

然后在Javascript/Jquery端，您可以执行任何想要触发它的事件，并更改
可见性：visible或
显示：块/内联块



验证
img.flashCards{宽度：150px；可见性：隐藏；}
函数验证（）{
var flashCards=document.getElementsByClassName（'flashCards'）；
//每个图像元素都需要一个for循环
//如果只有一个图像直接与样式一起使用getElementById
对于（i=0；i只需添加以下CSS类：

.hidden {
    display: none;
}

并将类
.hidden
添加到您的答案中：

<p class="answer hidden">
    <img src="image.jpg">
</p>

以下是一个工作示例：


var-button=document.querySelector（'button'）；
var answer=document.querySelector（'.answer'）；
addEventListener（'click'，function（）{
answer.classList.remove（'hidden'）；
})；
。隐藏{
显示：无；
}
显示答案
这是关于您希望显示图像的活动的答案（如悬停或单击按钮）？
document.querySelector('.answer').classList.remove('hidden');