document.body.style.backgroundImage vs document.body.background

Question

两者有什么区别？

Answer 1

document.body.background 是指正文标记已弃用的背景属性

http://www.w3schools.com/TAGS/att_body_background.asp

document.body.style.backgroundImage 是指body标签的CSS background-image属性。它等同于......

body { 
  background-image:url('paper.gif');
}

使用后者： - ）

Answer 2

除了被删除的document.body.background以及使用document.body.style.backgroundImage更改CSS背景图片的方式之外，还需要考虑第三个重要条目....您可以使用document.body.style.background更改所有内容背景属性，包括彩色图像和重复：

document.body.style.background = "red";

或者，设置多个属性

document.body.style.background="#0000FF url(example.jpg) repeat-x";

以上设置背景颜色，背景图像，并为该图像设置水平重复。

这类似于CSS：

body {
    background:#0000FF url('example.jpg') repeat-x; }

（W3Schools的info about document.body.style.background更多......我确信其他地方有更完整的信息）

Answer 3

document.body.background：您没有使用CSS。

document.body.style.backgroundImage：您正在使用CSS进行设置。