Modify DOM elements - Basic JavaScript Fast (53) | createNode, cloneNode, insertAdjacentHTML

The video discusses the ways to modify a DOM node element. We can create an element node in JavaScript, and then insert HTML code in the node. We can append or prepend some text on a node, we can insert new HTML code around a given node. Notice that a node can be put at one location only. We can also remove a node or just move it to other places. Finally, we can clone a node and change its text content, followed by putting it elsewhere.

1:22 - Create a node
2:43 - Insert a node or string in a node (before, after, append, prepend, replaceWith)
11:09 - Insert HTML code using insertAdjacentHTML (beforebegin, beforeend, afterbegin, afterend)
15:18 - Remove a node
16:23 - Move a node
18:09 - Clone a node

Playlist of my JavaScript course

Playlist of my HTML5 and CSS3 tutorials

Playlist of my algorithm walkthrough

Playlist of my Java course

Playlist of my Java examples

#javascripttutorial #javascriptfullcourse #begincodingfast #javascript #createnode #clonenode, #insertadjacenthtml