<textarea> вместо элемента

[sotik]

Есть элемент:
<span id="test">Тест</span>
Нужно превратить его в поле <textarea>
как это сделать?

[danik.js]

Сим-салабим!

<textarea id="test">Тест</textarea>

[sotik]

Оригинально
А если там будет обработчик и через js?

[danik.js]

var span = document.getElementById('test');
var textarea = document.createElemement('textarea');
textarea.id = span.id;
textarea.value = span.innerText || span.textContent || '';
span.parentNode.replaceChild(textarea, span);

[sotik]

Спасибо большое.
Опечаточку подправил во 2 строке var textarea... Element
и все заработало

[sotik]

// создание "виртуального образа" кнопки
var btn = document.createElement (('v' == '\v') ? '<input name="myName">' : 'input'); btn.name = 'myName';
btn.type = 'button';
btn.id = 'myknop';
btn.value = 'Дави!';
btn.style.cssText = 'color: red; margin-top: 100px; ...';

// "приживление" кнопки
document.getElementById ('mydiv').appendChild (btn);
// навешиваем обработчик
if (document.addEventListener) with (document.getElementById ('myknop'))
{
addEventListener ('onclick', prob, false);
}
function prob()
{
alert("op")
}
<div id="mydiv"></div>
не получается навесить обработчик после приживления, id пробовал и самого контейнера, и самой кнопки.
Подскажите как надо?

[рони]

addEventListener ('onclick'

как прописываются события?!!!
http://learn.javascript.ru/introduction-browser-events

[danik.js]

А че это за хрень внутри createElement? ('v' == '\v') это же вроде проверка на IE? И к чему это все?

[sotik]

а фиг его знает.Ну написано было что можно использовать просто:
var btn = document.createElement ('input');
Если не планируется использовать name...

А вот как теперь обработчик на эту приживленную кнопку навесить не пойму.

[sotik]

ну вобщем вместо той лабуды я нашел вот это и оно работает:
document.getElementById ('myknop').onclick = function() { // перезапишет существующий обработчик
  alert('После');
}
Спасибо за помощь.