Есть строчка
<div id="texts">
<p id=ss>Текст</p>
<p>Текст.
Текст <span class=sv>fds</span>Текст.
Текст ТекстТекст Текст.<a data=link>link</a></p>
</div>
Как удалить все теги, но оставить их содержимое, а заместо тега
</p>
Вставить
/n
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуАлгоритм:
</p>
на \n</p>
const texts = document.querySelector('#texts');
texts.innerHTML = texts.innerHTML.replaceAll('</p>', '\n</p>');
console.log('innerHTML:\n', texts.innerHTML);
console.log('textContent:\n', texts.textContent);
<div id="texts">
<p id=ss>Текст</p>
<p>Текст.
Текст <span class=sv>fds</span>Текст.
Текст ТекстТекст Текст.<a data=link>link</a></p>
</div>
Регулярное выражение <!?/?\w+(\s[\w-]+(=['"]?.*?['"]?)?)*/?>
выберет все теги - будь то с аттрибутом или без. Осталось только поставить его в replace()
и заменить На то что нужно.
Проверил у себя в VS Code:
Выделяется все кроме внутреннего текста.
</?p>
этим заменяйте это/n
</?\w+/?>
этим пустоту.