텍스트 추가 자바 스크립트

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); 

임 인터넷 익스플로러 땅 즉 인생을 쉽게합니다. 스팬 "스타일"속성에 "아무도 디스플레이"당신은 단지 CSS를 추가하지 스팬 자체를 제거하지 않고 데이터를 숨기기 위해 CSS를 사용할 수

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

: 텍스트 만 포함 할 범위를 가정