With the help of the replaceWith() method, we will replace the p element with the span element in the div. Now we will create another span element and add some text to it. We created another element p with some text content in it, then append the p element as child element to div. Example of using replaceWith() const div = document.createElement('div') Ĭonst txt = document.createTextNode('Text Content') Ĭonst span = document.createElement('span') Ĭonst newTxt = document.createTextNode('New Text Content') Īt the first, we created a parent element div. In simpler terms, the javascript replaceWith() method will replace an Element or Node with other. This object refers to the element that has been removed from the DOM, not the new element that has replaced it. However, it must be noted that the original jQuery object is returned. The replaceWith() function in javascript is used to replace an Element in the child list of the parent with a set of Node or DOMString objects. replaceWith () method, like most jQuery methods, returns the jQuery object so that other methods can be chained onto it.

Javascript replacewith