JavaScript HTML DOM Style backgroundImage 属性

  • backgroundImage 属性

    backgroundImage属性设置或返回元素的背景图像。
    提示:除了背景图像,您还应指定背景颜色。如果图像不可用,将使用背景颜色。
    设置文档的背景图像:
    document.body.style.backgroundImage = "url('/images/img_tree.png')";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    backgroundImage
    4.0+
    1.0+
    1.0+
    1.0+
    3.5+
  • 语法

    返回backgroundImage属性:
    object.style.backgroundImage
    设置backgroundImage属性:
    object.style.backgroundImage = "url('URL')|none|initial|inherit"
  • 属性值

    描述
    url('URL') 图像文件的位置
    none 没有背景图片。 这是默认值
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: none
    返回值: 一个字符串,表示背景图像
    CSS版本 CSS1
  • 更多例子

    设置特定<div>元素的背景图像:
    document.getElementById("myDiv").style.backgroundImage = "url('/images/img_tree.png')";
    
    尝试一下
    返回特定<div>元素的背景图像:
    alert(document.getElementById("myDiv").style.backgroundImage);
    
    尝试一下
    返回文档的背景图片:
    alert(document.body.style.backgroundImage);
    
    尝试一下
  • 相关页面

    CSS教程:CSS背景
    CSS参考:background属性