Question

-1

Remove every white space between tags using JavaScript

rated 0 times [ 6] [ 7] / answers: 1 / hits: 37512 / 12 Years ago, fri, august 17, 2012, 12:00:00

I'm trying to remove white space between tags so that childNodes only contain those tags nodes not the white space nodes too. Here's my code :

<li>            

    <label for=firstName  class=mainLabel>First Name : </label>                                 

    <input type=text name=firstName id=firstName/>                                    

    <span>This must be filled</span>

</li>

And here's the JS code :

var parentHTML = firstName.parentNode.innerHTML;

parentHTML = parentHTML.replace(/>n</g,><);

firstName.parentNode.innerHTML = parentHTML;

But when i alert parentHTML i get the same old string.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bryantc

Add To Favorites

Follow

Total Points: 455

Total Questions: 96

Total Answers: 110

Location: San Marino

Member since Thu, Jun 30, 2022

2 Years ago

bryantc questions

1 How to fix TypeError: Cannot read properties of undefined (reading 'useSystemColorMode')

Tue, Dec 7, 21, 00:00, 3 Years ago

1 NextJS / vercel - 504 Error 'FUNCTION_INVOCATION_TIMEOUT'

Fri, Aug 13, 21, 00:00, 3 Years ago

1 using react router with next.js

Tue, Mar 30, 21, 00:00, 3 Years ago

1 Notification system using socket.io

Fri, Jun 5, 20, 00:00, 4 Years ago

1 prisma2: how to fetch nested fields?

Wed, May 27, 20, 00:00, 4 Years ago

View All

answered 12 Years ago anitamaeg · Accepted Answer

It's (not, see after the rule) because strings are immutable, I think, and you're setting the innerHTML of the parent element to be the exact same string you retrieved from it earlier.

Instead, I'd suggest:

var firstname = document.getElementsByTagName('input')[0],

    parentHTML = firstname.parentNode.innerHTML,

    newHTML = parentHTML.replace(/>s+</g,'');

firstname.parentNode.innerHTML = newHTML;



console.log(parentHTML, newHTML, (parentHTML == newHTML));

JS Fiddle demo.

With regards to the comment from jfriend00 (below), it seems the regular expression was the problem, the n didn't match the supplied pattern, that being the case, the following amendment satisfies teh requirements:

var firstname = document.getElementsByTagName('input')[0],

    parentHTML = firstName.parentNode.innerHTML;

parentHTML = parentHTML.replace(/>s+</g, ><);

firstName.parentNode.innerHTML = parentHTML;



console.log(firstname, parentHTML);

JS Fiddle demo.

References:

JavaScript Regular Expressions.