Remove a part of a string which inside tagnames (via js)

Question

I have this node: text.. hi<a>bye</a> more text..

And i'd like to get the element content with the direct text only, without any tags (a and span, in the example above) inside, as if I got: text.. more text...

Can you please show me the way to do it via specific regex?

Thanks a lot!

Possible duplicate http://stackoverflow.com/questions/12895152/equivalent-of-innerhtml-for-text — bazeblackwood, Aug 24 '14 at 13:15
No, it's not duplicated. i'm not interested in the text inside the inner tags. Check twice before you run to your "dislike" button. I'm requesting you to remove your false comment and dislike. — FED, Aug 24 '14 at 13:20

score 1 · Accepted Answer · edited May 23 '17 at 12:27

I'd suggest you simply remove any ChildNode having a nodeType other than 3 (TEXT_NODE). (fiddle):

(function(){
    var p = document.querySelector("p");
    var ln = p.childNodes.length;
    while (ln--){
        if(p.childNodes[ln].nodeType !== 3) { // not a text node   
            p.removeChild(p.childNodes[ln]);
        }
    }    
})();

Which leaves you with this:

<p>text..  more text..</p>

Alternatively, you could build up a string from the text nodes and set p.textContent (fiddle), i.e.:

(function () {
    var p = document.querySelector("p");
    p.textContent = [].reduce.call(p.childNodes, function (p, c) {
        c.nodeType === 3 && p.push(c.data);
        return p;
    }, []).join("");
})();

_{See also Node.childNodes and Node.removeChild().}

_{Note: Please don't use regex to parse html. See this answer.}

Remove a part of a string which inside tagnames (via js)

1 Answers1