Добавить текст Javascript

Question

У меня есть диапазон в длинном разделе HTML; я выделил термины, выделив текст и обернув его интервалом, который делает текст очевидным для пользователя

<span id="MySpan" style="background-color:yellow">Some Text</span>

У меня проблема в том, что добавить форматирование было легко, если они меняют условия поиска, которые мне нужны, чтобы удалить первый поиск; в идеале без обновления страницы.

Моя цель - удалить диапазон (и вместе с ним форматирование), но сохранить текст.

Я могу достаточно легко удалить диапазон с помощью removeChild; хотя это теряет весь текст. То, что я не могу понять, это как сохранить innerHTML диапазона; моей первоначальной мыслью было добавить его после промежутка, чтобы мой процесс был примерно таким.

var OriginalText = MySpan.InnerHTML();
var myDiv = document.getElementByID("MySpan");
-- Something here to append the text after the original span --
myDiv.ParentNode.removeChild(myDiv);

Я нахожусь в земле Internet Explorer, если это облегчает жизнь.

Answer 1

Предполагается, что диапазон будет содержать только текст:

var span = document.getElementById('MySpan');
var text = span.firstChild;
var parent = span.parentNode;
parent.replaceChild(text, span);

Answer 2

Вы можете использовать css, чтобы скрыть данные без удаления самого диапазона, просто добавьте css "display: none" в атрибут span "style".

Использовать CSS

display: none;

и затем замените данные с помощью

parentNode.replaceChild(searchstring, span)