Javascript 通过他的URL动态定义图像的宽度是真的吗？

如何在将图像加载为

DIV

属性的背景图像之前定义图像的宽度

function nn() {
  if (arr !== null) {
    var el = document.getElementById("n");
    var x = Math.floor((Math.random() * 10) + 1);
    var img = new Image();
    img.src = arr[x];
    el.style.width = img.width;
    el.style.backgroundImage = arr[x];
  }
}

$(window).on({
  load: function() {
    resizeBind(width);
    nn(arr);
    return width;
  }
});

---

其中

arr[]

的图像URL很少

您必须将图像加载到

img

标记中，等待其

load

事件，然后查询图像属性：

var img=document.createElement（“img”）；
img.classList.add（“obj”）；
img.src=”http://www.parisilabs.com/colors2/images/30892183_350_350.jpg";
img.addEventListener（'load'，function（）{
console.log（“宽度：%d高度：%d”，document.getElementById（'test'）。宽度，
文档.getElementById（'test'）。高度）；
}，假）；
img.id=“测试”；
document.getElementById（“内容”）.appendChild（img）