Есть возможность при клике на DIV вернуть его как TEXTAREA типа аля
this.tagName.replace(this.tagName, "textarea");
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуНасколько я знаю tagName
- read only свойство, соответственно - нет, нельзя.
Можно так:
<div id="parent">
<div id="child">
</div>
</div>
<script>
var textarea=document.createElement("textarea");
parent.replaceChild(texarea,child);
</script>
<div>Some Text</div> должен был стать <textarea>Some Text</textarea>
При продолжительном трахе мозга стало понятно что этого не сделать. Уже все ревлизовано как на примере @Sh4dow только на нативном js.
23 мар 2012 в 14:04
tags2.outerHTML="<"+tag+">"+tag2.innerHTML+"</"+tag+">";
Можно сделать сам div редактируемым выставив ему contentEditable:
document.getElementById('div').addEventListener('click', function (e) {
e.currentTarget.contentEditable = true
e.currentTarget.focus()
})
<div id=div>
Some text <b>goes</b> here
</div>
Впрочем, не вижу никаких причин делать это по клику - можно просто прописать в разметке:
<div contenteditable>
Some text <b>goes</b> here
</div>
.html()
? А ещё есть вариант, что там встретится</textarea>
и этому коду крышка. Надо так:$div.replaceWith($('<textarea>).val($div.text()))
.