JS. Динамическое добавление INPUT и Opera...

[Sam Dark]

Очень хотелось организовать автоматическое добавление строк INPUT в форму. Вот, что у меня получилось:

JavaScript:

var routeCount = 0;

function addRoute(){
	routeCount++;
	document.getElementById('routelist').innerHTML = document.getElementById('routelist').innerHTML+
	"<div><input class=longvalue type=text name=route"+routeCount+"></div>";
}

HTML:

Route Section <a class="plus" href="javascript:addRoute()">Добавить</a><br>
	<div id="routelist"></div>

Всё это работает и довольно неплохо. В Internet Explorer всё идеально, в Opera же при добавлении новой строчки все остальные чистятся. Что я делаю не так?

[Kvarx]

Sam Dark
Уже была такая тема: _http://imho.ws/showthread.php?t=102371

В седьмом посту написано, что удалось сделать, сам правда не проверял

[RaZEr]

Здесь основная суть в том, что в opera и ff по умолчанию нет свойств [inner|outer]HTML. Их нужно либо реализовать (переписать прототип объекта), либо создавать элементы через DOM. То есть document.createElement(), element.setAttribute(), node.appendChild() и т.д.

[Sam Dark]

Спасибо, буду разбираться.