Как удалить тег не удаляя содержимое?

Question

[Sergo Zar]

У меня есть текст в котором тегами span выделены некоторые слова и мне нужно через js удалить эти span`ы но не удалять текст который в них.

<span class="mark">текст</span>
    <span class="mark">текст</span>
    <b>текст</b>

Все что написал на js:

var marks = document.getElementsByClassName("mark");
function clear_marks(){
    for(var i  = 0;i < marks.length; i++){
        // тут я не понимаю что нужно сделать 
    }
}

Как мне это сделать?

Answer 1

[Сергей Соколов]

const expandNode = (node) => {
  node.after(...node.childNodes);
  node.remove();
}

[...document.getElementsByClassName("mark")]
.forEach(expandNode);

Comments

[Sergo Zar]

Спасибо

Answer 2

[alex4answ]

Возможно есть какой-то стандартный метод для этого, но я его не помню и не знаю.

Но вообще алгоритм таков:
1. Запоминаем textContent
2. Удаляем узел
3. Вставляем текст из п.1