如何显示隐藏图片

知识问答 2026-10-23 12:29:08 来源:互联网

在网页上显示隐藏图片,可以通过JavaScript代码实现,以下是一个简单的示例:

1、在HTML中为需要显示的图片添加一个类名,例如hidden-image:

<img src="example.jpg" alt="示例图片" class="hidden-image">

2、在JavaScript中编写一个函数,用于查找具有hidden-image类名的所有图片元素,并将它们的display属性设置为block以显示它们:

function showHiddenImages() {  var hiddenImages = document.getElementsByClassName('hidden-image');  for (var i = 0; i < hiddenImages.length; i++) {    hiddenImages[i].style.display = 'block';  }}

3、可以调用showHiddenImages()函数来显示所有隐藏的图片:

<button onclick="showHiddenImages()">显示隐藏图片</button>

这样,当用户点击“显示隐藏图片”按钮时,所有具有hidden-image类名的图片都会显示出来。