@abuki

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

Есть следующая структура страницы:
<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>
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus
Frontend Engineer & Fullstack Designer
Если вы используете Jquery, то с помощью него можно так:



$('.entry-content > center').contents().unwrap();
$('.entry-content > center:empty').remove();


Увы, решения на чистом js в данном случае - я не знаю. По крайней мере чтобы было нормальным решением. Но с помощью Jquery вот так :)
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
space2pacman
@space2pacman
Просто царь.
<div class="block">
  <center>lol</center>
  <center>kek</center>
  azaza
</div>

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

centerElements.forEach(center => {
	block.prepend(center.innerHTML);
  center.remove()
})


https://jsfiddle.net/5k4dsv1a/
Ответ написан
@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);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы