Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h2>JavaScript HTML DOM</h2> <h3>Replace an HTML Element.</h3> <div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is a paragraph.</p> </div> <script> const parent = document.getElementById("div1"); const child = document.getElementById("p1"); const para = document.createElement("p"); const node = document.createTextNode("This is new."); para.appendChild(node); parent.replaceChild(para,child); </script> </body> </html>