如何将图像源设置为div/img背景图像，使用Javascript而不是Jquery？

要将图像源设置为div/img的背景图像，可以使用JavaScript来实现，而不依赖于jQuery。下面是实现的步骤：

1. 获取目标div元素的引用。可以使用document.getElementById()方法或其他选择器方法来获取目标div元素的引用。例如，如果目标div的id为"myDiv"，可以使用以下代码获取引用：

var myDiv = document.getElementById("myDiv");

1. 创建一个新的Image对象，并设置其src属性为图像的URL。可以使用new Image()来创建一个新的Image对象，并将其src属性设置为图像的URL。例如，如果图像的URL为"image.jpg"，可以使用以下代码创建Image对象：

var image = new Image();
image.src = "image.jpg";

1. 等待图像加载完成。为了确保图像已加载完成，可以使用Image对象的onload事件。可以将一个回调函数分配给onload事件，以在图像加载完成后执行所需的操作。例如，可以使用以下代码等待图像加载完成：

image.onload = function() {
  // 在图像加载完成后执行所需的操作
};

1. 将图像设置为div/img的背景图像。在图像加载完成后，可以将其设置为div/img的背景图像。可以使用目标div元素的style属性来设置背景图像。例如，可以使用以下代码将图像设置为div的背景图像：

myDiv.style.backgroundImage = "url('" + image.src + "')";

完整的JavaScript代码如下所示：

var myDiv = document.getElementById("myDiv");
var image = new Image();
image.src = "image.jpg";
image.onload = function() {
  myDiv.style.backgroundImage = "url('" + image.src + "')";
};

这样，通过JavaScript就可以将图像源设置为div/img的背景图像，而不依赖于jQuery。请注意，这只是一种实现方式，具体的实现可能因项目需求而有所不同。