Is there a best practice for generating html with javascript

by

Options #1 and #2 are going to be your most immediate straight forward options, however, for both options, you’re going to feel the performance and maintenance impact by either building strings or creating DOM objects.

Templating isn’t all that immature, and you’re seeing it popup in most of the major Javascript frameworks.

Here’s an example in JQuery Template Plugin that will save you the performance hit, and is really, really straightforward:

var t = $.template('<div><img src="https://stackoverflow.com/questions/220603/${url}" />${name}</div>');

$(selector).append( t , {
     url: jsonObj.url,
     name: jsonObj.name
});

I say go the cool route (and better performing, more maintainable), and use templating.

More Related Contents:

  1. How to make page loaders/animations/transitions
  2. How do I create an HTML element with attributes and events using JavaScript?
  3. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  4. How to load up CSS files using Javascript?
  5. jQuery document.createElement equivalent?
  6. load scripts asynchronously
  7. Refresh/reload the content in Div using jquery/ajax
  8. Change :hover CSS properties with JavaScript
  9. Capture iframe load complete event
  10. Using HTML5 file uploads with AJAX and jQuery
  11. Prevent Page Load on Jquery Form Submit with None Display Button
  12. Replace HTML page with contents retrieved via AJAX
  13. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  14. get the data of uploaded file in javascript
  15. jquery submit form and then show results in an existing div
  16. Refresh a Div that has a Google ad inside it
  17. jQuery: how to change tag name?
  18. Addeventlistener with ajax not working well
  19. how to assign javascript variable value to php variable
  20. history.replaceState() example?
  21. Get HTML code using JavaScript with a URL
  22. How to replace html element with ajax response?
  23. What is the correct way to write HTML using Javascript?
  24. How can I get all a form’s values that would be submitted without submitting [duplicate]
  25. how to use jQuery ajax calls with node.js
  26. Can search engines index JavaScript generated web pages?
  27. How to make a button execute a php script?
  28. How do I dynamically insert an SVG image into HTML?
  29. Cross-Origin resource sharing and file://
  30. jquery ajax parse response text

Leave a Comment