DOM manipulation using Javascript

Javascript Tutorial Video 1: Document fragments in Javascript

JavaScript DocumentFragment – best code practice to improve performance.

Explained about DocumentFragment in JavaScript.

One of the Javascript best code practice to improve performance.

Best code practice: Keep the code simple

Document Fragment is much faster when it is used to insert a set of elements in multiple places.

Fragment avoid reflows(repainting page).
if you’re looping over a large data set and appending A LOT of elements use a fragment instead so you only have one reflow. If you’re only appending to the dom a few times or you’re only targetting modern browsers it isn’t necessary.

#DOMmanipulation #documentfragment #javascript #performance #fragment #dom

Video 2 : insertAdjacentHTML in Javascript | DOM | Javascript interview question and Answer

Explained about

• insertAdjacentHTML
• What are possible positions of insertAdjacentHTML method
• Why insertAdjacentHTML is bettter than innerHTML method

#javascript #webdevelopment #dom #HTML5 #CodeWelltech

Video 3 : Create HTML elements dynamically | Developer tools usage in-depth | HTML5, CSS3, JS

Explained in detail about creating HTML dynamically using Javascript.
#DOMmanipulation
#dynamichtml
#javascript
#createelement
Append, Prepend and many more methods usage with practical examples.
#codewelltech
Title: Append, Prepend.,  methods with examples.