Переменная в background-image

@Kiselboom · Регистрация: 25.03.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте! Начал изучать JS, понадобилось выполнить такую штуку(вкратце):

HTML5
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var imageurl = document.getElementById('imagerpg');
var imageurl = imageurl.getAttribute("src");
document.getElementById('proftable').style.backgroundImage = 'url(imageurl)';
</script>
<table>
<tr>
<td id="proftable"></td>
</tr>
</table>
<img id="imagerpg" style="display: none;" src="http://site.com/images/image.png">

То есть ссылка на изображение должна становиться фоном ячейки таблицы.
Код работает, но вот только он воспринимает imageurl не как переменную, а как текст. То есть получается:

<td id="proftable" style="background-image: url(imageurl);"></td>

Подскажите, как исправить?

@Зверушь · 25.03.2013, 15:20

JavaScript
1
document.getElementById('proftable').style.backgroundImage = 'url(' + imageurl +')';

Добавлено через 1 минуту
Кроме того, вы два раза объявляете одну и ту же переменную. Так делать не надо, удалите второе var:

JavaScript
1
2
var imageurl = document.getElementById('imagerpg');
imageurl = imageurl.getAttribute("src");

@Vlad_IT · 25.03.2013, 15:21

Так Вы же пишете ее как текст. Нужно вот так

JavaScript
1
document.getElementById('proftable').style.backgroundImage = 'url('+imageurl+')';

@Kiselboom · 25.03.2013, 15:38 **[ТС]**

Во я лох

Пробовал ведь так: url("+imageurl+"), и не хватило ума кавычки поменять...

Больше спасибо!

И кстати, почему с двойными кавычками не работало?

@Зверушь · 25.03.2013, 16:44

Сообщение от Kiselboom

Во я лох

Пробовал ведь так: url("+imageurl+"), и не хватило ума кавычки поменять...
Больше спасибо!

И кстати, почему с двойными кавычками не работало?

Потому что дело не в типе кавычек (одинарные или двойные) а в том, что они в себя заключают или не заключают

JavaScript
1
"url("+imageurl+")"

@Kiselboom · 25.03.2013, 16:58 **[ТС]**

Ок, спасибо, буду знать

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .

@Kiselboom 0 / 0 / 0 Регистрация: 25.03.2013 Сообщений: 8
	25.03.2013, 15:38 [ТС]
	Во я лох Пробовал ведь так: url("+imageurl+"), и не хватило ума кавычки поменять... Больше спасибо! И кстати, почему с двойными кавычками не работало? 0

@Kiselboom 0 / 0 / 0 Регистрация: 25.03.2013 Сообщений: 8
	25.03.2013, 16:58 [ТС]
	Ок, спасибо, буду знать 0