javascript - 更改正文背景

我想在单击按钮时更改身体的背景图像。

我的html代码让是

<body id = "body">

    <input type = "button" id = "button" value = "Change Background" onclick  = "Background_change()"></input>

</body>

我的CSS代码是

body {
    background-image : url('20a.jpg');
    font: 18px Arial ;
    color : white;
}

Java脚本

我尝试使用以下代码使用JavaScript函数更改图像

function Background_change()
{
    var imager = document.getElementById("body").style.backgroundImage;
    imager.style.backgroundImage = url("20a.jpg");
}

最佳答案

尝试这个：

首先获取身体的变量
然后用'或“”给出图像链接。

function Background_change(){
    var imager = document.getElementById("body");
    imager.style.backgroundImage = "url(http://im.rediff.com/money/2013/may/06car5.jpg)";
}

<body id="body">
    <input type="button" id="button" value="Change Background" onclick="Background_change()"></input>
</body>