스트립 원하지 않는 태그 (더 JQuery와)

Question

나는 다음을 포함하는 문자열이 없습니다 이드가 없다. 그 결과는 다음과 같을 것입니다

ABC<span id="blabla">D</span>EF 

저는 정말 jQuery 사용에 관심이 없습니다. 순수 자바 스크립트를 사용하여 문제를 해결하고 싶습니다. 다음과 같은 문제가 있지만 올바르게 작동하지 않는 것 같습니다.

myText.replace(/(<([^>]+)>)/ig,""); 

도움이 필요하십니까?

Answer 1

뭔가 일을 할 것입니다하지만 정규 표현식을 사용하지 않습니다 (하지만이 중 하나 jQuery를 사용하지 않습니다 그래서 2 명중 1 명은 나쁘지 않습니다.)

var s = '<span>A</span>BC<span id="blabla">D</span>EF'; 

function removeSpans(s) { 
    var a = document.createElement('div'); 
    var b = a.cloneNode(true); 
    a.innerHTML = s; 
    var node; 
    while (a.firstChild) { 
    node = a.removeChild(a.firstChild); 
    if (node.tagName && 
     node.tagName.toLowerCase() == 'span' && 
     node.id == '') { 
     b.appendChild(document.createTextNode(getText(node))); 
    } else { 
     b.appendChild(node); 
    } 
    } 
    return b.innerHTML; 
} 

alert(removeSpans(s)); 

그것은 특히 강력한 없습니다 (사실은 내가 생각했던 것보다 더 잘 작동) 그리고 가능성이 테스트 케이스에 약간 다른 경우에 실패합니다. 그러나 그것은 전략을 보여줍니다. 여기

, 그래도 꽤 비슷한 다른 버전의 :

function removeSpans2(s) { 
    var a = document.createElement('div'); 
    a.innerHTML = s; 
    var node, next = a.firstChild; 

    while (node = next) { 
    next = next.nextSibling 

    if (node.tagName && node.tagName.toLowerCase() == 'span' && !node.id) { 
     a.replaceChild(document.createTextNode(node.textContent || node.innerText), node); 
    } 
    } 
    return a.innerHTML; 
} 

Answer 2

정규 표현식이 아닌 DOM을 사용하십시오.

var input = '<span>A</span>BC<span id="blabla">D</span>EF', 
    output, 
    tempElt = document.createElement('span'); 

tempElt.innerHTML = input; 

// http://www.quirksmode.org/dom/w3c_html.html#t03 
if (tempElt.innerText) output = tempElt.innerText; 
else output = tempElt.textContent; 

console.log(output); // "ABCDEF" 

데모 : http://jsfiddle.net/mattball/Ctrkf/

---

이 같은 _{"It is tempting, if the only tool you have is a hammer, to treat everything as if it were a nail."}