1 1 <!DOCTYPE html> 2 2 <html lang="en"> 3 3 <head> 4 4 <meta charset="UTF-8"> 5 5 <title></title> 6 6 </head> 7 7 <body> 8 8 <input type="button" value="点击显示图片" id="bt"/> 9 9 <img src="" alt="" id="im"/> 1010 <script> 1111 //点击显示图片 1212 1313 //根据id获取按钮 1414 var btObject = document.getElementById("bt"); 1515 //为按钮注册点击事件,添加事件处理函数 1616 btObject.onclick = function () { 1717 //根据id获取图片标签,设置图片的src属性值 1818 var imObject = document.getElementById("im"); 1919 imObject.src = "images/liuyan.jpg"; 2020 //设置图片大小 2121 imObject.width = "300"; 2222 imObject.height = "400"; 2323 }; 2424 </script> 2525 </body> 2626 </html>
JavaScript DOM操作案例点击按钮显示图片
Stella981
2021-10-11
1362 0 0
点赞
收藏
评论区
加载中...