Как присвоить значение переменной в качестве background?

Question

[Odinokun]

Есть переменная imgPrint в которой содержится url картинки
(например: img src="img/cherep-100-106.png" class="cherep" alt="cherep")
Как присвоить значение переменной в качестве css свойства background для div id="image-field-front"?
Пробовал вот так:

document.getElementById('image-field-front').style.background = 'url(' + imgPrint + ')';

не работает.

Если прописать конкретный url то все работает. Например так:

document.getElementById('image-field-front').style.background = 'url(img/cherep-100-106.png)';

Answer 1

[Евгений Петров]

Проверьте, что содержится в переменной и напишите.
Ощущение, что у вас там не просто путь, а нечто другое.

console.log(imgPrint);

Comments

[Odinokun]

console.log выдал: img src="img/cherep-100-106.png" class="cherep" alt="cherep"

[Odinokun]

Дмитрий: понял, поправил значение переменной и все получилось.

[Евгений Петров]

Ну вот и ответ — у вас там строка, которая не может быть токенизироана в функционале url().
Либо вы создаёте что-то типа
$('<' + imgPrint + '>');
После чего берёте у созданной картинки значение атрибута src, либо разбираете строку.

document.getElementById('image-field-front').style.background = 'url(' + imgPrint.match(/src="(.+?)"/)[1] + ')'