Question

当我点击按钮时，我想改变身体的背景图像。

我的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");
}

Answer 1

document.body.style.backgroundImage = "url('yourNewImage.jpg')"

Answer 2

你需要：

引用元素，而不是样式属性。
在值之前和之后使用引号'。

更改代码如下：

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

Answer 3

试试这个：

首先获取body的变量
然后将图像链接给＆＃39;或＆＃34;＆＃34;。

＆＃13;

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

＆＃13;

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

＆＃13;

改变身体背景

3 个答案: