Как поменять имя тега?

Question

[Максим]

Есть тег допустим div, нужно поменять его на span с сохранением всех атрибутов и внутренних элементов.
Подскажите как на jQuery это реализовать.

Answer 1

[iBird Rose]

по мне так легче удалить его и создать рядом другой через .append() , а стили задавать через одинаковые классы
а еще лучше чтобы они уже находились в DOM и просто убирать и показывать их

Answer 2

[Евгений]

Можно как-то так:
html:
<div class="block"></div>
js:

'use strict';

const block = document.querySelector('.block');
const replaced = block.outerHTML.replace(/div/g, 'span');

block.outerHTML = replaced;

https://jsfiddle.net/x6y4kn2c/

Answer 3

[Александр]

Как по мне, странная задача. Если Вам необходимо, чтобы div стал инлайновым, то добавьте в css свойство display: inline. Ведь работа с DOM-ом с помощью JS всегда более рессурсозатратно, чем css.