HTML DOM backgroundImage Property
Complete Style Object Reference
Definition and Usage
The backgroundImage property sets the background image of an element.
Syntax
Object.style.backgroundImage=url(URL)|none
|
Parameter |
Description |
url(URL) |
The path to an image |
none |
No background image |
Tips and Notes
Tip: In addition to the background-image you should also set a background-color.
The background-color will be used if the image
is unavailable.
Example
The following example sets the background image:
<html>
<head>
<script type="text/javascript">
function changeStyle()
{
document.body.style.backgroundColor="#FFCC80";
document.body.style.backgroundImage="url(bgdesert.jpg)";
}
</script>
</head>
<body>
<input type="button" onclick="changeStyle()"
value="Set background image" />
</body>
</html>
|
Try-It-Yourself Demos
Set a background image
Complete Style Object Reference
|