如何动态更改html背景

JGC*_*JGC 0 html javascript

我有一个页面,在css文件中有这样的样式:

body
{
    background: #000000 url(images/back_all.gif) repeat-x top;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    color: #666666;
}
Run Code Online (Sandbox Code Playgroud)

我有一个在window.onload之后加载的javascript,导致页面垂直扩展,因此我的页面的其余部分将变黑.javascript代码完成后,如何将背景图像再次应用到我的页面?

Tyl*_*ter 9

jQuery的:

$('body').css('backgroundImage', 'url(something.gif)');


非jQuery的:

为Body分配ID: <body id="the_body">

document.getElementById('the_body').style.backgroundImage = "something.gif"

或正如约翰所说

document.body.style.backgroundImage = "something.gif";

此外,提到了一个T POPs,确保它最终:

<html>
<body>
..... Data ........
<script type="text/javascript">
.... Code ........
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

  • 那就是如果你在页面上运行jQuery. (2认同)