javascript - 单击按钮时使图像可见

Question

我不太了解 Javascript，但我想创建一个脚本，在单击按钮时在页面上显示图像。

例如有一个谜语，你无法解开，所以你按下提示按钮，就会出现一个提示。相同的逻辑仅适用于图像。

任何帮助表示赞赏。

Answer 1

学习 Javascript 和 jQuery 之后会很容易http://jsfiddle.net/mgs_jsfiddle/KYvJR/

<p>
   <a id="btnShow" href="#">show</a>
   <a id="btnHide" href="#">hide</a>
</p>
<p>
    <img id="img" src="doesnotexist" width="100px" height="100px" alt=""/>
</p>

$(function() {
    $("#btnShow").click(function() {
        $("#img").show();
    });
    $("#btnHide").click(function() {
        $("#img").hide();
    });

})

Answer 2

试试看this，这对你有帮助

HTML

<img style='display:none' src='http://1.bp.blogspot.com/-xJEGhPWV5x8/UMA5xJBYFRI/AAAAAAAAKu0/R9gy-wLflEQ/s200/demo.jpg'/>
<input type="button" value='click Me'/>

JS

$('input[type=button]').click(function(){
$('img').show();
});

Answer 3

为您提供简单的解决方案。您可以将所有图像放入此 div 或分开..

<div id="image_holder" style="display:none">
//contains images
</div>

<input type="button" name="show" id="show" onclick="show_image()" />

<script type="text/javascript">
function show_image()
{
    document.getElementById("image_holder").style.display="block";  
}
</script>