Вызов переменной Javascript внутри HTML-тега

My Javascript идет что-то вроде этого:Вызов переменной Javascript внутри HTML-тега

if (choice=="green") { 
    var choicecolor="#00"+num+"00" 
} 
...

И мне нужно, чтобы получить доступ к переменной «choicecolor» внутри тега HTML. Это была моя неудачная попытка:

<div id="box" style="background-color: "choicecolor>...</div>

Как правильно поместить переменную внутри тега?

источник

2015-05-29 Jane Crocker

Кажется, ваш мозг имеет тенденцию видеть двухсторонние привязки как естественную функцию, начать использовать фреймворки, такие как угловые, нокауты, ember и т. Д., И вы можете использовать те же имена переменных (kinda) внутри шаблонов html, и они всегда будут синхронизироваться – XGreen

Не знаете, почему вы меняете backgroundColor, но, возможно, изменение класса элемента может быть лучшей идеей. Http://stackoverflow.com/q/195951/1959948 – Dalorzo

'Element.style.backgroundColor = '# 0f0';' You don ' t помещает переменные JavaScript в HTML, вы просто влияете на DOM с ним, если вы не используете 'document.write()', который не рекомендуется. 'Element.style.cssText = 'background-color: # 0f0;' будет перезаписывать весь атрибут style 'style', который я также не рекомендую. Наверное, очень хочется использовать 'Element.className = 'choicecolor';' и просто настроить свой CSS уже. 'Element' может быть' document.getElementById ('box') 'в этом случае. – PHPglue

Используйте DOM API для его настройки. Убедитесь, что элемент существует первым.

document.getElementById('box').style.backgroundColor = choicecolor;

Или вы можете использовать шаблонный двигатель, но это более проблематично.

источник

2015-05-29 00:08:38

Вызов переменной Javascript внутри HTML-тега

ответ

Смежные вопросы