设置背景div标签的大小不能使用Javascript

问题描述：

我需要在动画过程中更改背景图像的大小，但它不起作用。设置背景div标签的大小不能使用Javascript

这里是我的代码一个简单的版本：

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

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

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

答

您应针对.style

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

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

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

答

你在你的查询选择

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

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

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

答

只是缺少从你的js style ...

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

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

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

答

的#Box元素缺少.style声明没有backgroundSize属性。你应该只参考它的风格属性，然后到backgroundSize

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

设置背景div标签的大小不能使用Javascript

相关推荐