Is there anyway to have multi line spanning string without using +

Question

I have a large html string that I am populating with data and using in an innerHTML...

I want to make a string like this:

var str = '<div>
    <div></div>
    </div>';

Instead of like this:

var str = '<div>'
    +'<div></div>'
    +'</div>';

Is there a way?

Answer 1

A backslash at the end of the line will indicate that the line is continuing to the next:

var str = '<div>\
    <div></div>\
    </div>';

Answer 2

While probably not what you are looking for, you can also do something like this:

var str=[];
str.push('<div>');
str.push('<div></div>');
str.push('</div>');
html = str.join('');

Answer 3

You can use a backslash..

var str = 'bla\
   foo\
    bar';

You can join it:

var str = ['foo',
'bar',
'baz'].join('')

You can push and then join it:

var a = [];
a.push('<div>');
a.push('blah');
a.join('')