Question

我需要在动画期间更改背景图片的大小，但它不起作用。

以下是我的代码的简单版本：

＆＃13;

document.querySelector("#Box").backgroundSize='cover';

＆＃13;

#Box {
		background-image: url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg);
		width: 220px;
		height: 220px;
    }

＆＃13;

  <div id="Box"></div>

＆＃13;

Answer 1

您应定位.style

＆＃13;

document.querySelector("#Box").style.backgroundSize='cover';

＆＃13;

#Box {
		background-image: url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg);
		width: 220px;
		height: 220px;
    }

＆＃13;

  <div id="Box"></div>

＆＃13;

Answer 2

您在查询选择器中缺少.style声明

＆＃13;

document.querySelector("#Box").style.backgroundSize='cover';

＆＃13;

#Box {
		background-image: url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg);
		width: 220px;
		height: 220px;
    }

＆＃13;

<div id="Box"></div>

＆＃13;

Answer 3

从你的js中遗漏style ......

＆＃13;

document.querySelector("#Box").style.backgroundSize='cover';

＆＃13;

#Box {
		background-image: url(https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg);
		width: 220px;
		height: 220px;
    }

＆＃13;

<div id="Box"></div>

＆＃13;

Answer 4

#Box元素没有backgroundSize属性。您应该只引用它的style属性，然后再引用backgroundSize

document.querySelector("#Box").style.backgroundSize = 'cover'

使用Javascript设置div标签的大小不起作用

4 个答案: