如何使用JavaScript函数更改HTML背景?

Rel*_*lla 10 html javascript background image

如何使用JavaScript函数更改HTML背景?我需要一些简单的功能来将背景从一个图像更改为另一个图像?

Jef*_*ohl 5

尝试这样的事情:

function newBackGround (element,background) {
   element.style.backgroundImage = "url("+background+")";
}

newBackground (myElement,"newBackground.jpg");
Run Code Online (Sandbox Code Playgroud)


Mar*_*ona 1

非常简单,如下所示:

function changeBGImage(){
     document.body.background = "image.jpg";
}
Run Code Online (Sandbox Code Playgroud)

更新

或者如果你想使用CSS(更优雅的解决方案),你可以使用:

<style>
.bg1 {
background-image: url(images/my_image.jpg); 
}
</style>

<body id="page_body">

<script>
function changeBGImage(whichImage){
     document.getElementById('page_body').className="bg"+whichImage;
}
</script>
Run Code Online (Sandbox Code Playgroud)