ストリップ不要なタグ（なしjQueryの）

Question

私は、次のものが含まれていた文字列があります。

<span>A</span>BC<span id="blabla">D</span>EF 

を私はやるスパンを削除するにREGX式で機能を置き換えるJavaScriptを使用できるようにしたいですidを持たない。その結果は次のようになります

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

私は本当にjQueryの使用に興味がありません。純粋なJavaScriptを使用して問題を解決したいと思います。私は以下がありますが、正常に動作しないようです。

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."}