How to Write HTML in javascript with new line (\n) option

Question

I have large HTML to be generated dynamically through javascript so the reason i dont want it be in a single line

I was trying it as this way but getting Uncaught SyntaxError: Unexpected token ILLEGAL under browser console

for(var i=0;i<response.length;i++)
{
    divhtml.append('<li>
        <h6>'+response[i].RestaurantName+'</h6>\n
        <p>'+response[i].Locality+'</p>\n
        </li>');
}

Please see this fiddle

http://jsfiddle.net/eb1t5jop/3/

T.J. Crowder · Accepted Answer · 2015-01-31 11:25:19Z

1

You put a backslash at the end of the line just before the newline:

for(var i=0;i<response.length;i++)
{
    divhtml.append('<li>\
        <h6>'+response[i].RestaurantName+'</h6>\
        <p>'+response[i].Locality+'</p>\
        </li>');
}

This is covered in §7.8.4 - String Literals in the spec (see LineContinuation).

Note that:

The escaped newline will not be in the string; if you want a newline (unnecessary in HTML where you have those \ns), include a \n prior to the \ at the end of the line.
Leading spaces on subsequent lines will be in the string

answered Jan 31, 2015 at 11:25

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

Collectives™ on Stack Overflow

How to Write HTML in javascript with new line (\n) option

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related