HTML页面中插入图片的几种方法
2025-10-01 14:51:09
1 直接使用 img 标签

2 用js创建一个 img 元素
var myImage = document.createElement("img");
myImage.src = "picture.png";
myImage.width = 300;
myImage.height = 300;
document.body.appendChild(myImage);
3 使用 Image 对象,该Image构造函数创建了一个新的HTMLImageElement实例,它在功能上等同于document.createElement("img")
var myImage = new Image(300, 300);
myImage.src = "picture.png";
document.body.appendChild(myImage);
4 使用innerHTML,动态添加
document.body.innerHTML = '
';