javascript - 将 javascript 元素背景图像设置为等于下载网址

Question

我正在尝试为 javascript 元素提供背景图像。此 url 存储在数据库中，不是字符串，而是文件路径:https://firebasestorage.googleapis.com/v0/b/fir-firebase-182ca.appspot.com/o/images%2FScreenshot%20(2).png?alt=media&token=0edf4c43-e791-48b1-b2f4-b8ec5e65e296

我还制作了一个java脚本元素，它是一个div，将其背景图像设置为此链接:

var icon = document.createElement('img');
icon.style.cssText = "background-color: red;"
//icon.src = "'" + url + "'";
var parent = document.getElementById("loggedDisplay");
parent.appendChild(icon);

到目前为止我还没能让它发挥作用。我如何使这个背景图像 = url

Answer 1

试试这个，

document.getElementById("Your div ID").style.backgroundImage = "url('https://firebasestorage.googleapis.com/v0/b/fir-firebase-182ca.appspot.com/o/images%2FScreenshot%20(2).png?alt=media&token=0edf4c43-e791-48b1-b2f4-b8ec5e65e296')";