Ajax Loader
×

Difference between Rendering DIV's in Document and Creating Div's dynamically.

In the example demonstrated, my aim is to show why one should avoid creating Elements dynamically. While executing this demo please Expand your Console window. Here First i have created 100 div's and then created same number of div's dynamically. you can clearly see the difference between both the approaches. Where first approach takes less than 40ms, the later one takes more than 800ms.

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Difference between Rendering DIV's in Document and Creating Div's dynamically.

    CSSDeck G+