1. 方法1
面向对象
var image = new Image();
image.src = './qupengwei.png';
document.querySelector('div').appendChild(image);
2. 方法2
节点操作
var image = document.createElement('img');
image.src = './qupengwei.png';
document.querySelector('div').appendChild(image);
3. 方法3
html的角度
document.querySelector('div').innerHTML
= "<img src='./qupengwei.png'>"
本文介绍了三种在网页中加载图片的方法:使用面向对象的方式创建图片对象并设置其源文件路径;通过节点操作创建 img 节点并指定源文件;直接修改 HTML 的 innerHTML 属性来插入图片。
16万+

被折叠的 条评论
为什么被折叠?



