使用JAVASCRIPT更改HTML中div的背景

我正在尝试改变一个DIV的背景，我认为我的代码是正确的，但似乎不是。 我认为错误出在URL参数上，因为如果没有参数，函数就可以工作

这是我的代码：

<script language="JavaScript">
        function imagen(col){
        document.write(col);
        var elem = document.getElementById("fondo");
        elem.style.backgroundImage = url('col');

        }
    </script>

<div class="grid-block" id="fondo" width: 100%; height: 100vh;">
        <div class="heading">
        <a href="pagina1.html" onMouseOver="imagen(uploads/banner-01.jpg)" >Rojo</a>
        </div>
    </div>

谢谢。

imagen的参数需要加引号。否则它将作为表达式进行计算，您将得到一个语法错误

您需要使用字符串连接将参数与url结合起来

不要使用加载DOM后运行的document.write函数。它将清除DOM-有关调试输出，请参阅Use console.log

函数图像编码{ console.logcol； var elem=document.getElementByIdfondo； elem.style.backgroundImage='url'+col+ } 阅读document.write的工作原理和作用imagen的参数需要加引号。为什么要使用document.write？如果要查看调试参数，请使用console.log。