How do I remove a span tag in a string with Javascript?

Question

Let's say I have this string (which is a string consisting of html tags):

const str = "<li class='test'>
    <div class='myDiv' >
    <span class='myClass'>Person is a: </span>
    <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
    </div>
    </li>"

How would I remove the <span> tags along with everything in between them, so the output is the following:

const str = "<li class='test'>
    <div class='myDiv' >
    <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
    </div>
    </li>"

Thanks for your help!

Well I wouldn't do it using regex (since you've tagged that). It's JS, so use DOM functions. — ADyson
– ADyson, Commented Oct 7, 2022 at 13:07

Khaled Ayed · Accepted Answer · 2022-10-07 13:19:13Z

5

You can use DOM parser for that

const str = `<li class='test'>
        <div class='myDiv' >
        <span class='myClass'>Person is a: </span>
        <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
        </div>
        </li>`;

const parser = new DOMParser();
const parsed = parser.parseFromString(str, "text/html");
parsed.querySelector("span").remove();
console.log(parsed.body.innerHTML);

edited Oct 7, 2022 at 13:19

Khaled Ayed

1,3904 gold badges17 silver badges34 bronze badges

answered Oct 7, 2022 at 13:10

E-g

5444 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Garo Gabrielyan · Accepted Answer · 2022-10-07 13:16:23Z

1

let str = `<li class='test'>
    <div class='myDiv' >
    <span class='myClass'>Person is a: </span>
    <a class='myLink' tabindex='0'> Great citizen. Really nice guy</a>
    </div>
    </li>`;

const reg = new RegExp("<span(.*?)span>", "gms");
console.log(str.replace(reg, ""));

//if DOM then->
// document.querySelector('.myClass').remove()

edited Oct 7, 2022 at 13:16

answered Oct 7, 2022 at 13:09

Garo Gabrielyan

6842 gold badges11 silver badges22 bronze badges

Collectives™ on Stack Overflow

How do I remove a span tag in a string with Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related