在javascript

Question

我试图更改div的背景图像，使其与另一个div的背景相同。我可以获得＆＃34; onload成功＆＃34;警告，但我无法改变thumbBG背景。所有解决方案都显示将其分配给URL，但我想将其分配给另一个div背景。

var thumbBG=document.getElementById("videos-bg");
var initialThumb=document.getElementById("v-thumb1");
var test = function(){
    alert("onload success")
    thumbBG.style.backgroundImage = initialThumb.style.backgroundImage;
};
window.onload=test();

感谢。

Answer 1

首先在这里查看 DEMO ：https://codepen.io/ziruhel/pen/JpLYNb

这是你的js代码：

var thumbBG=document.getElementById("videos-bg");
var initialThumb=document.getElementById("v-thumb1");
style = initialThumb.currentStyle || window.getComputedStyle(initialThumb, false),
    bi = style.backgroundImage.slice(4, -1);
var test = function(){
    thumbBG.style.backgroundImage = 'bi';
  thumbBG.style.backgroundImage = "url("+ bi +")";
};
window.onload=test();

如果您需要解释，请告诉我们......