How do I replace string with HTML DOM replace

Question

My string

xxx
<div>
test test
</div>
</div>
<h2> Details</h2>
xxx

And I would like to replace the whole HTML string to be like

xxx
<div>
test test
</div>
<h2> Details</h2>
xxx

So that means without this extra "</div>"

I try already but doesn't work:

result = result.replace('</div>\n<h2> Details</h2>', '<h2> Details</h2>');

or with regex but then "test test" is also deleted

const excessDiv = /<\/div>(?:.|\n|\r)+?<h2> Details<\/h2>/;
result = result.replace(excessDiv, '</div><h2> Details</h2>');

Can someone please suggest me?

I hope this one will help you: stackoverflow.com/questions/15587408/… — Ivan Kharkivskyi
– Ivan Kharkivskyi, Commented Jun 25, 2021 at 8:48
Please check the answer stackoverflow.com/a/68128105/13789135 — Irfan wani
– Irfan wani, Commented Jun 25, 2021 at 8:51

Irfan wani · Accepted Answer · 2021-06-25 08:53:22Z

2

Here you go;

    let htmlStr = `xxx
    <div>
    test test
    </div>
    </div>
    <h2> Details</h2>
    xxx`

    let modStr = htmlStr.replace(`</div>
    <h2> Details</h2>`, "<h2> Details</h2>")

    console.log(modStr)

The important part is how i write the replace part of code.

edited Jun 25, 2021 at 8:53

answered Jun 25, 2021 at 8:47

Irfan wani

5,2822 gold badges32 silver badges49 bronze badges

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

2 Comments

mbrc Over a year ago

Thank you. What about without knowing how many empty spaces is there?

Irfan wani Over a year ago

Sorry i just answered as per your answer but let me try. Please wait a sec

Ivan Kharkivskyi · Accepted Answer · 2021-06-25 08:52:47Z

0

Also you can try to use jQuery method .replaceWith instead .replace.

answered Jun 25, 2021 at 8:52

Ivan Kharkivskyi

6011 gold badge5 silver badges22 bronze badges

Comments

spender · Accepted Answer · 2021-06-25 09:21:20Z

0

Why not use the lenient parsing power of the browser to make sense of your broken HTML?

var el=document.createElement("div")
el.innerHTML=`xxx
<div>
test test
</div>
</div>
<h2> Details</h2>
xxx`

console.log(el.innerHTML)

and like magic, the extra </div> is gone. Yay.

answered Jun 25, 2021 at 9:21

spender

121k36 gold badges245 silver badges369 bronze badges

Collectives™ on Stack Overflow

How do I replace string with HTML DOM replace

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related