Convert html node to one line string(minify)

Question

I have a dom node in variable and i want to remove all enter/line break, tabs between the html tags. Basically i want to minify it without using external library. How can i do it.

var target = document.getElementById('myid');
var wrap = document.createElement('div');
wrap.appendChild(target.cloneNode(true));

wrap contains the node..

Related: https://stackoverflow.com/q/23284784/104380 – vsync Dec 16 '19 at 12:30 — vsync, Dec 16 '19 at 12:30

sabof · Accepted Answer · 2014-03-19T06:29:21.093

14

Not elegant, but should work

target.innerHTML = target.innerHTML.replace(/\n|\t/g, ' ');

edited Mar 19 '14 at 06:29

answered Mar 19 '14 at 06:24

sabof

8,062
4
28
52

i still see some space.."content_label">
– ghost... Mar 19 '14 at 06:33
@shaleen Yes there will be spaces. IMO, it's better than having joined words. – sabof Mar 19 '14 at 06:35
just in case if i want to remove space between two > <...how to do it....accepted ur answer.. – ghost... Mar 19 '14 at 06:36
5

`.replace(/> *<')` would do just that. – sabof Mar 19 '14 at 06:38

score 4 · Answer 2 · answered Mar 19 '14 at 06:26

4

You could replace the line breaks with an empty string target.replace(/(\r\n|\n|\r)/gm,"");

answered Mar 19 '14 at 06:26

Simo Mafuxwana

3,702
6
41
59

Convert html node to one line string(minify)

2 Answers2