用js创建img元素并添加src属性

Question

嗨，我不知道如何使用 js 将 src 添加到图像//e6    //this code create a new 'img' element    let newElementImg = document.createElement("img");    //this code add img from url    newElementImg.src = "url('https://cdn.wallpapersafari.com/50/24/PZpRVx.jpg')";    //this code set a list of classes for the 'img' element    newElementImg.classList.add("img-fluid");    //append newElementLink to an existing element which has an 'footer-about' ID    var imgDiv = document.getElementById('footer-about');    imgDiv.append(newElementImg);它有点工作，但图像不只显示“图像损坏”图标 [像这样] 1

Answer 1

仅使用不带url('...'). 这url(...)是针对 css 的。

Answer 2

这是一个 CSS 字符串：

    newElementImg.src = "url('https://cdn.wallpapersafari.com/50/24/PZpRVx.jpg')";

您不需要 url() 部分，只需要原始字符串：

    newElementImg.src = 'https://cdn.wallpapersafari.com/50/24/PZpRVx.jpg';