Uncomment a HTML node without using jQuery?

Question

In this thread: Uncomment html code using javascript

I found that all the solutions in the thread uses jQuery. I was just wondering how to do this in vanilla javascript without using third-party library?

This is not a duplicate question of How do I get an HTML comment with javascript, that thread discussed about how to find and delete the comment node but didn't say anything about how to "uncomment" it.

Possible duplicate of How do I get an HTML comment with javascript — Rayon
– Rayon, Commented May 23, 2016 at 7:42
@Quentin Thanks, I saw his/her answer, and found it used replaceWith method, which is a method of jQuery object. — Hanfei Sun
– Hanfei Sun, Commented May 23, 2016 at 7:45
@Rayon It is not duplicate, the thread discussed about how to find and delete the comment node but didn't say anything about how to "uncomment" it. — Hanfei Sun
– Hanfei Sun, Commented May 23, 2016 at 7:46
I guess finding it is difficult task.. replacing it should be easier..I could be wrong though :) — Rayon
– Rayon, Commented May 23, 2016 at 7:48
Maybe not the most efficient way, but by using .innerHTML and a regular expression to parse it? — emerson.marini
– emerson.marini, Commented May 23, 2016 at 7:50

Dieterg · Accepted Answer · 2016-05-23 07:53:16Z

3

One way would be to replace all  with an empty string found by .innerHTML.

var content = document.getElementById('content');

content.innerHTML = content.innerHTML.replace('<!--', '').replace('-->', '');

<div id="content">
  <!-- <div>Hello</div> -->
  <h1>
    Title
  </h1>
</div>

answered May 23, 2016 at 7:53

Dieterg

16.4k3 gold badges34 silver badges50 bronze badges

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

Comments

jcubic · Accepted Answer · 2016-05-23 07:55:48Z

2

Try this:

var tr = document.querySelector('table tr');
var children = tr.childNodes;
[].slice.call(children).forEach(function(child) {
  if (child.nodeType === 8) {
    var elem = document.createElement('div');
    elem.innerHTML = child.textContent;
    tr.replaceChild( elem.childNodes[0], child );
  }
});

<table>
   <tr>
         <td>ABCD</td>
         <td>Logic</td>
         <!-- <td>26538568</td> -->
   </tr>
</table>

answered May 23, 2016 at 7:55

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Collectives™ on Stack Overflow

Uncomment a HTML node without using jQuery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related