Tutorial by Examples

An element can be cloned by invoking the cloneNode method on it. If the first parameter passed to cloneNode is true, the children of the original will also be cloned. var original = document.getElementsByTagName("li")[0]; var clone = original.cloneNode(true);

In this example we create a new list element with the text "new text", and select the first unordered list, and its first list element. let newElement = document.createElement("li"); newElement.innerHTML = "new text"; let parentElement = document.querySelector(&quo...

In this example we create a new list element with the text "new text", and select the first unordered list, and its first list element. let newElement = document.createElement("li"); newElement.innerHTML = "new text"; let parentElement = document.querySelector(&quo...

An element can be removed by calling remove() on it. Alternatively, one can call removeChild() on its parent. removeChild() has better browser support than remove(). element.remove(); element, and all its childnodes, are removed from the DOM. parentElement.removeChild(element); element...

JavaScript now have the Append and Prepend methods which was present in jQuery The main advantage of append and prepend is unlike appendChild and insertBefore, it can take any number of arguments either HTML element or plain text(which will be converted to text nodes). To append say 1 div, 1 text ...