Как удалить тег center?

Question

[abuki]

Есть следующая структура страницы:

<div class="entry-content">
<center>контент1</center>
<center>контент2</center>
</div>

Как удалять тег <center></center> которые хранятся в блоке <div class="entry-content"></div> не удаляя содержимого тега <center></center>

Итоговый результат должен выглядит следующим образом:

<div class="entry-content">
контент1
контент2
</div>

Answer 1

[Ярослав Иванов]

<div class="block">
  <center>lol</center>
  <center>kek</center>
  azaza
</div>

var block = document.querySelector(".block");
var centerElements = block.querySelectorAll("center");

centerElements.forEach(center => {
  center.insertAdjacentHTML('afterend', center.innerHTML);
  center.remove()
})

https://jsfiddle.net/5k4dsv1a/

Comments

[0xD34F]

А как насчёт сохранения порядка контента? Вместо block.prepend(center.innerHTML); пусть лучше будет

center.insertAdjacentHTML('afterend', center.innerHTML);

[Ярослав Иванов]

0xD34F, Поменял)

Answer 2

[Comsequent]

var centerTextArr = document.querySelectorAll('center');
var centerText = '';
for(var i = 0; i < centerTextArr.length; i++){
     centerText += centerTextArr[i]. innerText() + ' ';
}
document.querySelector('entry-content').innerHtml  = '';
document.querySelector('entry-content').innerText(centerText);

Comments

[abuki]

Почему то не работает, для этого скрипта нужно подключать библиотеку ?
У меня подключен jquery.min.js v1.12.4

[Comsequent]

abuki, и что говорит? Падает на ошибке? Или молча не работает?
ЗЫ Вы задали вопрос в разделе javascript. При чем тут подключение jQuery?