如何使用javascript在4个div元素的背景中显示图像？

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>

var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var div3 = document.getElementById("div3");
var div4 = document.getElementById("div4");

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

image.onload = function() {
  div1.style.backgroundImage = "url('" + image.src + "')";
  div2.style.backgroundImage = "url('" + image.src + "')";
  div3.style.backgroundImage = "url('" + image.src + "')";
  div4.style.backgroundImage = "url('" + image.src + "')";
};