Метод replaceWith() позволяет заменить существующий элемент другим элементом или текстом, полностью удаляя старый узел из DOM.

element.replaceWith(newElement);

Тут newElement это новый элемент, текст или несколько узлов, которые заменят старый элемент

Пример с заменой

let oldItem = document.getElementById('old');
let newItem = document.createElement('div');
newItem.textContent = 'Я новый элемент!';
oldItem.replaceWith(newItem);

Пример с заменой элемента на текст

document.getElementById('title').replaceWith('Тут был Dxrkd3v');

Метод replaceWith() инструмент для замены элементов без изменения родительской структуры. Он идеально подходит, когда нужно подменить компонент без удаления или модификации других элементов.