Как применить фон от одного div к другому, в javascript

Question

Я новичок в Javascript, но в основном то, что я хочу сделать, это получить фон из одного стиля CSS div и применить его к другому div. Это то, что я пробовал, но он не работает.

NewDiv.style.background = OldDiv.style.background; 

Я знаю, что я могу сделать:

NewDiv.style.innerHTML = OldDiv.style.inHTML; 

Но я не могу сделать что-то подобное с CSS фона вместо HTML. Я пытаюсь сделать это только с яваскриптом и не Jquery

Answer 1

Это должно сделать трюк:

var element1 = document.getElementById("element1Id"); 
var element2 = document.getElementById("element2Id"); 
element2.style.background = document.defaultView.getComputedStyle(element1).background; 

Если вы хотите только определенную часть фонового стиля, а не все сразу, вы можете используйте любой из нижеперечисленных вариантов вместо «background».

• цвет фона
• фонового изображение
• фон-повторить
• фона привязанность
• фона положение

более

информации о фоне укладке можно найти here

Если вы ar Любопытно, почему я использовал «document.defaultView.getComputedStyle» вместо «window.getComputedStyle», не забудьте проверить this StackOverflow Q/A, который отвечает на этот вопрос.

TL: DR; "Document.defaultView.getComputedStyle" будет работать во всех браузерах

Answer 2

Вы можете использовать someElement.style.backgroundColor:

var oldDiv = document.getElementById('old'); 
var newDiv = document.getElementById('new'); 

newDiv.style.backgroundColor = oldDiv.style.backgroundColor; 

Подробнее: Style backgroundColor Property