Append Text Javascript

Question

I have a span in a long section of HTML; i have done Hit Highlighting of terms by finding my text and wrapping it with a span which makes the text obvious to the user

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

The problem I have is that adding the formatting was easy if they change the search terms i need to remove the first search; ideally without refreshing the page.

My goal is to remove the span (and with it the formatting) but preserve the text.

I can remove the span easily enough with removeChild; though that loses all the text. What I cant figure out is how to keep the innerHTML of the span; my original thought was to append it after the span so my process would be something like this.

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

Im in Internet Explorer land if that makes life easier.

Quentin · Accepted Answer · 2009-08-20 11:12:31Z

5

Assuming the span will contain only text:

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

answered Aug 20, 2009 at 11:12

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

George · Accepted Answer · 2009-08-20 11:13:18Z

0

You can use css to hide the data without removing the span itself just append the css "display:none" into the span "style" attribute.

Use css

display: none;

and and then replace the data using

parentNode.replaceChild(searchstring, span)

answered Aug 20, 2009 at 11:13

George

1,4753 gold badges12 silver badges30 bronze badges

Collectives™ on Stack Overflow

Append Text Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related