新手編程：HTML5顯示圖像 - 按鈕onclick =

Question

首次在此編程的程序員，在HTML5上編寫簡單的程序。單擊按鈕時似乎無法顯示圖像。這裏是我的代碼：

<p> 
    <center> 
    <button onclick="DeadTest()"> 
    <img src="BeginTest.gif"/></button></center></p> 

    <script language="javascript" type="text/javascript"> 
     function DeadTest() 
     { 
      <img style="border-width: 0px;" src="White.jpg" width="768" height="1280" /> 
     } 
    </script> 

已經瀏覽了無數的網站和論壇，但似乎無法讓它工作。已嘗試alert（）函數，它正在工作。我認爲它必須與代碼調用圖像有關。

首次程序員，所以它可能看起來很愚蠢。教我，哦大師的...

Answer 1

首先了解如何正確調用javascript函數以及如何更改屬性的基礎知識。

看到我的示例演示。希望你能從中吸取教訓。

http://jsfiddle.net/NgryM/1/

<script type="text/javascript"> 
    function ButtonClick() 
    { 
     alert('Button was clicked'); 
    } 
    function ImageClick(){ 
     alert('Image was clicked'); 
    } 
    function ChangeImageSrc(){ 
     var img = document.getElementById('myImage'); 
     img.src = "http://www.ivankristianto.com/wp-content/uploads/2011/05/Javascript.gif"; 
    } 

    function ChangeSize(){ 
     var img = document.getElementById('myImage'); 
     img.height = "80"; 
     img.width = "40";  
    } 

    </script> 
<p> 
    <center> 
     <input type="button" onclick="ChangeImageSrc()" value="Change Image Src"/> 
     <input type="button" onclick="ButtonClick()" value="Test Button Click"/> 
     <input type="button" onclick="ChangeSize()" value="Change Size"/> 
     <img id="myImage" src="http://www.mmncs.com/wp-content/uploads/javascript_logo.gif" onclick="ImageClick()"/>  
    </center> 
</p> 

Answer 2

<p><center><button style="background:url('Login_Button.png');width:86px;height:45px" onclick="DeadTest()"></button></p> 
<div><img id="img1" style="visibility:hidden" src="a3.jpg" width="768" height="1280" /></div> 
<script> 
    function DeadTest(){ 
     document.getElementById('img1').style.visibility='visible'; 
    } 
</script>