How to replace HTML comments with empty string in javascript [duplicate]

Question

I am trying to remove comments from HTML in Javascript but not working correctly. I need only plain HTML except comments

let sourceHTML = document.querySelector(".mySelector").innerHTML;
sourceHTML = sourceHTML.replace(/<--!(?:.|\n)*?-->/gm, '');
console.log(sourceHTML);

<div class="mySelector">
    <!--Main content -->
    <p>HTML content...</p>
</div>

Can anyone help me?

Let the dom do the parsing. It is a better parser than regex for html. jsfiddle.net/obz19hwy A comment is a node and has nodeType = 8 — charlietfl
– charlietfl, Commented Apr 13, 2019 at 6:58

Code Maniac · Accepted Answer · 2019-04-13 06:49:12Z

3

You have ! character at wrong place in your regex

/<--!(?:.|\n)*?-->/
    |________________  This should be before `--` i.e:-  !--

let sourceHTML = document.querySelector(".mySelector").innerHTML;
sourceHTML = sourceHTML.replace(/<!--(?:.|\n)*?-->/gm, '');
console.log(sourceHTML);

<div class="mySelector">
    <!--Main content -->
    <p>HTML content...</p>
</div>

answered Apr 13, 2019 at 6:49

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

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

Collectives™ on Stack Overflow

How to replace HTML comments with empty string in javascript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related