Home/ Questions/Q 8123189
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T06:05:45+00:00

Currently I’m using the following code to append certain elements to the DOM: $(‘<p/>’,

  • 0

Currently I’m using the following code to append certain elements to the DOM:

$('<p/>', { html: data } ).appendTo('.columnLeft');

But because a lot of elements need to be appended I’m a bit worried about performance. Before I used { html: data } I’ve tried { text: data }. But because sometimes there’s html in the data-variable I’ve changed it to { html: data }. I don’t really have the tools to measure performance, so I was wondering if someone here knows what is faster?

Thanks for reading!

As commented below, I’ve made my own testcase you can see it here. The solution Adam gave is the fastest according to the test.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The fastest way to append HTML elements to the DOM using jQuery is to just append them as an HTML string like this:

    var myHTML = '<p>'+data+'</p>';
$('.columnLeft').append(myHTML);

    That way jQuery doesn’t go through the process of having to create DOM elements before they are actually appended to the DOM.

    • 0