简单使用方式:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图像对象</title> </head> <body> <img src="./img/pc.jpg" alt="" id="img"> <input type="button" value="切换图像" onclick="changeImg()"> <script> //创建图片标签 var imgObj = new Image(); imgObj.src = "./img/mobile.jpg"; function changeImg() { //使用1: document.getElementById("img").src = imgObj.src; } //使用2: document.body.appendChild(imgObj); </script> </body> </html>