Как заменить тег?

Question

[Артур Кудашев]

Здравствуйте, делаю клон trello и хочу реализовать редактирование названия колонки. У меня есть div с названием и при клике на него нужно вместо div поставить input. Нужно реализовать на чистом JS. Подскажите как правильно это сделать.

Comments

[Ankhena]

1. Скрытый инпут. При клике на див, див скрываете и показываете инпут.
2. Атрибут contenteditable. Добавляете, когда надо.

[Алексей Ярков]

Может contenteditable="true" нужно?

[Артур Кудашев]

Ankhena, а для чего contenteditable нужен, если в input и так можно редактировать? Я немного не понимаю.

[Роман]

Артур Кудашев, вам дали 2 варианта, либо показывать инпут, либо ставить диву contenteditable. Выбор за вами.

[Артур Кудашев]

Роман, понял спасибо.

Answer 1

[rogiivs]

вот так например можешь) без JS)