{"flag":true,"single":true,"pageTitle":"DOM EXAMPLES, create , append, prepend,remove,replace in javascript","post":{"id":209,"user_id":"1","slug":"dom-examples-create-append-prepend-remove-replace-in-javascript-mv4a","title":"DOM EXAMPLES, create , append, prepend,remove,replace in javascript","body":"

1.CREATE AND APPEND NEW ELEMENT<\/strong><\/p>\r\n

<script>\r\nvar para = document.createElement(\"p\");\r\nvar node = document.createTextNode(\"This is new.\");\r\npara.appendChild(node);\r\nvar element = document.getElementById(\"div1\");\r\nelement.appendChild(para);\r\n<\/script>\r\n\r\n<\/code><\/pre>\r\n
2.CREATE AND INSERT BEFORE ELEMENT<\/strong><\/p>\r\n
<script>\r\nvar para = document.createElement(\"p\");\r\nvar node = document.createTextNode(\"This is new.\");\r\npara.appendChild(node); \/\/<p>This is new.<\/p>\r\nvar element = document.getElementByTag(\"div\"); <div> <p1><\/p1> <p2><\/p2> <\/div>\r\nvar child = document.getElementByTag(\"p1\");\r\nelement.insertBefore(para, child);\r\n<\/script><\/code><\/pre>\r\n
3.REMOVE ELEMENT<\/strong><\/p>\r\n
<script>\r\nvar elmnt = document.getElementById(\"p1\");\r\nelmnt.remove();\r\n<\/script>\r\n<\/code><\/pre>\r\n
4.REPLACE ELEMENT<\/strong><\/p>\r\n
<div id=\"div1\"><\/p>\r\n
  <p id=\"p1\">This is a paragraph.<\/p><\/p>\r\n
  <p id=\"p2\">This is another paragraph.<\/p><\/p>\r\n
<\/div><\/p>\r\n
<script>\r\nvar para = document.createElement(\"p\");\r\nvar node = document.createTextNode(\"This is new.\");\r\npara.appendChild(node);\r\nvar parent = document.getElementById(\"div1\");\r\nvar child = document.getElementById(\"p1\");\r\nparent.replaceChild(para, child);\r\n<\/script><\/code><\/pre>\r\n
\/\/EVERY THING BEHAVE AS NODE <\/strong><\/p>","category_id":"12","is_private":"0","created_at":"2023-10-13T01:38:02.000000Z","updated_at":"2023-10-13T01:38:02.000000Z","category":{"id":12,"user_id":"1","name":"Javascript","slug":"javascript-xplw","parent_id":null,"created_at":"2023-03-23T02:24:43.000000Z","updated_at":"2023-03-23T02:24:43.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"1.CREATE AND APPEND NEW ELEMENT <script> var para = document.createElement(\"p\"); var node = document.createTextNode(\"This is new.\"); p - DOM EXAMPLES, create , append, prepend,remove,replace in javascript (Updated: October 13, 2023) - Read more about DOM EXAMPLES, create , append, prepend,remove,replace in javascript at my programming site [SITE]","categories":[]}