更改正文背景

Question

I want to change background image of my body when I click a button. 我想在单击按钮时更改身体的背景图像。

My html code lets is 我的html代码让是

<body id = "body">

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

</body>

My CSS code is 我的CSS代码是

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

Java Script Java脚本

I tried to change the image using JavaScript function using following code 我尝试使用以下代码使用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

You need to: 你需要：

Reference the element, not the style property. 引用元素，而不是style属性。
Use quotes ' before and after the value. 在值之前和之后使用引号' 。

Change the code like this: 像这样更改代码：

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

Answer 3

Try this: 尝试这个：

first get the variable of body 首先获取身体的变量
then give link of image with ' or "". 然后用'或“”给出图像的链接。

 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>

更改正文背景

问题描述

3 个解决方案

解决方案1
1 2015-08-24 11:21:55

解决方案2
0 2015-08-24 11:21:58

解决方案3
0 已采纳 2015-08-24 11:40:39

更改正文背景

问题描述

3 个解决方案

解决方案1 1 2015-08-24 11:21:55

解决方案2 0 2015-08-24 11:21:58

解决方案3 0 已采纳 2015-08-24 11:40:39

解决方案1
1 2015-08-24 11:21:55

解决方案2
0 2015-08-24 11:21:58

解决方案3
0 已采纳 2015-08-24 11:40:39