How to remove white spaces within div using javascript?

Question

I have following html

<div> <div class="first"> First Second </div>  <div class="second">Second</div>  <div class="third">Third</div> <div>

I want this output after removing white spaces.

First SecondSecondThird

i have used this code

    var str = " <div class="first"> First Second </div> <div class="second"> Second</div> <div class="third">Third</div>"; 
   str=  str.replace(/\s+/g, " ").trim();

Any idea how it will work. i need this in pure javascript or anglurjs

Pranav C Balan · Accepted Answer · 2016-05-28 06:13:17Z

1

You can use regex /(>)\s+|\s+(<)/g

var str = ' <div class="first"> First Second </div> <div class="second"> Second</div> <div class="third">Third</div>';
str = str.replace(/(>)\s+|\s+(<)/g, "$1$2");
document.write(str)

div {
  display: inline-block
}

Regex explanation here.

Regular expression visualization

edited May 28, 2016 at 6:13

answered May 28, 2016 at 6:08

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

1 Comment

arun kamboj Over a year ago

Thanks man this is working like a charm . Can you please explain this

Collectives™ on Stack Overflow

How to remove white spaces within div using javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related