Создание елементов динамически

Question

[ForveAvar]

Здраствуйте!

Подскажите как исправить такую ситуацию, у меня єсть функция которая генерирует html елемент

var ITEMTEMPLATE = "<input type=\"range\" id=\"<%= uniqueId %>\" value=\"0\" min=\"<%= minValue %>\" max=\"<%= maxValue %>\" step=\"<%= rangeStep %>\">";

		function RangeControl( config )
		{
			var control
				, output;

			function rangeValueChanged( event )
			{
				//Do something
			};

			slidersContainer.innerHTML += _.template( ITEMTEMPLATE , config );

			control = document.getElementById( config.uniqueId );
			if ( control )
			{
				control.addEventListener( "change" , rangeValueChanged.bind( control ) , false );
			}
		}

в цикле я пробую делать так

for( var i = 0 ; i < 3 ; i++ )
{
new RangeControl( someConfig )
}

Так вот change у меня срабативаєт только для последнего созданого елемента. Как зделать ету фунцию генерации елементов так чтоб работали все подписки на всех созданих елементах

Answer 1

[Eugene Obrezkov]

Используйте insertAdjacentHTML вместо innerHTML атрибута.

Comments

[ForveAvar]

таки да, спасибо

Answer 2

[ForveAvar]

только что заметил что если я создаю контрол через
document.createElement...
то все роботает как положено, в чом проблема добавления через innerHTML а потом получениє через getElementById?