我有一个 HTML 页面，其中包含一个通过 CSS 设置为不可见的图像visibility: hidden。我想创建一个名为“显示图像”的链接，这样当我单击它时，就会出现图像。
现在，我不知道如何建立这样的链接，因为通常与<a href=...>链接到其他页面。就我而言，我希望链接调用 JavaScript 来显示图像。
如果您已经有一个名为的 JavaScript 函数showImage定义为显示图像，您可以这样链接：
<a href="javascript:showImage()">show image</a>
如果您需要帮助定义函数，我会尝试：
function showImage() {
var img = document.getElementById('myImageId');
img.style.visibility = 'visible';
}
或者，更好的是，
function setImageVisible(id, visible) {
var img = document.getElementById(id);
img.style.visibility = (visible ? 'visible' : 'hidden');
}
然后，您的链接将是：
<a href="javascript:setImageVisible('myImageId', true)">show image</a>
<a href="javascript:setImageVisible('myImageId', false)">hide image</a>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
