追加テキスト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の土地です。

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

Answer 1

。

使用CSS

display: none; 

と、その後は優秀

parentNode.replaceChild(searchstring, span) 

Answer 2

あなただけのCSS「表示：なし」を追加スパン自体を削除せずにデータを隠すためにCSSを使用することができますスパンへの「スタイル」属性をスパンにはテキストのみが含まれますと仮定