JavaScript string that holds HTML code I am terrible with writing JavaScript code that outputs HTML. So, here's how a string literal looks like in a project that I'm working on:

tweet = '&lt;div class="h-ui-box"&gt;'

+ '&lt;table&gt;'

+ '&lt;tr&gt;'

+ '&lt;td id="first"&gt;'
+ '&lt;img src="' + item.profile_image_url + '" alt="' + item.from_user + '" width="56"&gt;'
+ '&lt;/td&gt;'

+ '&lt;td&gt;'
+ '&lt;section&gt;'
+ '&lt;header&gt;'
+ '&lt;h1&gt;&lt;a href="http://twitter.com/'
+ (function(from_user) { 
    return from_user + '"&gt;' + from_user + '&lt;/a&gt;&lt;/h1&gt;';
})(item.from_user)
+ '&lt;/header&gt;'
+ '&lt;article&gt;' + item.text.twitterify() + '&lt;/article&gt;'
+ '&lt;/section&gt;'
+ '&lt;/td&gt;'

+ '&lt;/tr&gt;'

+ '&lt;/table&gt;'

+ '&lt;footer&gt;&lt;a href="http://twitter.com/' + item.from_user + '/status/' + item.id.toString() + '" target="_blank"&gt;' + item.created_at + '&lt;/a&gt;&lt;/footer&gt;'
+ '&lt;/div&gt;';


How would I go about to improve this?
Make yourself a "template" that you immediately convert into html (using innerHtml or whatever your framework has handy), then use the dom to fix up the few variable bits. You may use ids to locate the tags that need substitution, if you can guarantee they are unique. Otherwise use XPath.