HTML DOM backgroundImage 属性

定义和用法

backgroundImage 属性设置元素的背景图像。

语法:

  1. Object.style.backgroundImage=url(URL)|none
参数 描述
url(URL) 图像的路径。
none 无背景图像。

提示和注释

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

实例

本例设置了背景图像:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeStyle()
  5. {
  6. document.body.style.backgroundColor="#FFCC80";
  7. document.body.style.backgroundImage="url(bgdesert.jpg)";
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <input type="button" onclick="changeStyle()"
  14. value="Set background image" />
  15.  
  16. </body>
  17. </html>