JavaScript使用DOM对 div 添加图片的 2种方式

div添加图片，以下两种方式亲测有效：

方式1：创建img，将img挂载到div上

var d1 = document.getElementById("d1");//获取div元素
var im = document.createElement("img");//创建图片
im.src = "img/1.png";
//图片设置成和div一样大小
im.style.width = d1.style.width;
im.style.height = d1.style.height ;
d1.appendChild(im);	//图片挂载到div上

方式2：给div添加背景图片

var d1 = document.getElementById("d1");//获取div元素
d1.style.backgroundImage="url(../day8.17/img/2.PNG)";//设置背景图片
d1.style.backgroundRepeat="no-repeat";//设置图片不重复
d1.style.backgroundSize="cover";//设置图片为平铺(刚好铺满div)