1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="button" value="點擊顯示圖片" id="bt"/> 9 <img src="" alt="" id="im"/> 10 <script> 11 //點擊顯示圖片 12 13 //根據id獲取按鈕 14 var btObject = document.getElementById("bt"); 15 //為按鈕注冊點擊事件,添加事件處理函數 16 btObject.onclick = function () { 17 //根據id獲取圖片標簽,設置圖片的src屬性值 18 var imObject = document.getElementById("im"); 19 imObject.src = "images/liuyan.jpg"; 20 //設置圖片大小 21 imObject.width = "300"; 22 imObject.height = "400"; 23 }; 24 </script> 25 </body> 26 </html>