Embed HTML in JavaScript

Question

I have a chunk of HTML which I'd like to add to a document at run time.

How do I embed the HTML within the JS file?

var p = document.createElement("div");
p.innerHTML = '<div>  MY HTML  
               <some element>  </some element>
               <some element>  </some element>
               </div>'

The problem is that my HTML is multiline; how do I add the newline chars within a JS string?

Why do you care if your HTML is multiline? The browser will be stripping out the whitespace anyway. — Thomas L Holaday
– Thomas L Holaday, Commented Apr 30, 2009 at 17:12
@Thomas: Ever tried editing a large chunk of HTML (or anything else for that matter) that is place all on one line. — AnthonyWJones
– AnthonyWJones, Commented Apr 30, 2009 at 17:19

gehsekky · Accepted Answer · 2009-04-30 17:12:20Z

2

you can use backslash character to ignore end of line in JavaScript strings.

http://www.componentart.com/BLOGS/jovan/archive/2007/10/17/multiline-strings-in-javascript.aspx

answered Apr 30, 2009 at 17:12

gehsekky

3,2192 gold badges23 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Embed HTML in JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related