javascript - 如何在javascript中添加属性来更改背景图像？

Question

我正在尝试提出申请。该应用程序的功能之一是自定义背景 setter 。我有一个脚本，可以通过函数上的 URL 设置背景。一切功能都完美。但问题是我想添加背景图像属性 background-size 和 background-repeat 这样任何尺寸都可以工作并且有意义。

这是我迄今为止所做工作的代码。

<a href="#" onclick="funcBgImage()">
    <img src="example.com/example-image-url.png" height=50, width=50></img>
</a>

<script>
function funcBgImage() {
    var imageurl = prompt("Enter Image URL","");
    if (imageurl != null) { 
        document.body.style.background = "url('" + imageurl + "')"
    }
}
</script>

我尝试仅添加 ;背景重复:不重复； background-size:cover; 在 "url('"+ imageurl + "') 之后，但现在它不会设置任何背景。

我希望它能够工作，但事实并非如此。谁能解释一下原因以及如何正确执行此操作？

Answer 1

仅定义样式主体的行:

这是网址测试:将其粘贴在字段中

https://as.com/meristation/imagenes/2019/06/10/betech/1560195710_365328_1560195771_noticia_normal.jpg

function funcBgImage() {
    var imageurl = prompt("Enter Image URL","");
    if (imageurl != null) { 

        document.body.style =  "background-image: url('" + imageurl + "'); background-repeat:no-repeat; background-size:cover; "
    }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="#" onclick="funcBgImage()">
    <img src=""
    
    id="imgStyleAttr" height=50, width=50></img>
</a>