Как создать HTML элемент с помощью JS и вставить в него переменную?

Question

[Айнур Ярулин]

Здрасте, как в HTML элементе создать другой элемент со значением переменной
Я делаю с помощью innerHTML, но не могу понять как вставить переменную.

элемент.innerHTML = '<div>Как воткнуть сюда переменную?</div>'

Может вообще нужно использовать не innerHTML, а что-то другое?

Answer 1

[krundetz]

var myVar = 'Моя переменная';
var element = document.createElement('div');
element.innerHTML = myVar;

либо можете переделать свой код вот так

var myVar = 'Моя переменная';
элемент.innerHTML = '<div>' + myVar + '</div>';

Только не забудьте что переменная должна быть строкой.

Answer 2

[Надим]

Нужно экранировать переменную просто:
element.innerHTML = '<div>'+peremenaya+'</div>';

Comments

[Айнур Ярулин]

как выяснилось мне нужен не innerHTML, а append()

[Надим]

squadbrodyaga, ясно. Кстати, если вам нужно вставлять произвольные элементы на страницу, как по мне, вот эта функция более удобна:
code.mu/ru/javascript/manual/dom/insertAdjacentHTML