Can I change an HTML element’s type?

by

Use the ChildNode.replaceWith() method to create a new node and replace the old node with the new one. As exemplified in MDN docs:

var parent = document.createElement("div");
var child = document.createElement("p");
parent.appendChild(child);
var span = document.createElement("span");

child.replaceWith(span);

console.log(parent.outerHTML);
// "<div><span></span></div>"

More information is available in this answer.

More Related Contents:

  1. How do I check if an element is hidden in jQuery?
  2. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  3. Why does jQuery or a DOM method such as getElementById not find the element?
  4. How do I set/unset a cookie with jQuery?
  5. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  6. How may I sort a list alphabetically using jQuery?
  7. Detect element content changes with jQuery
  8. How can I select an element by name with jQuery?
  9. If a DOM Element is removed, are its listeners also removed from memory?
  10. What is the most efficient way to create HTML elements using jQuery?
  11. Firing event on DOM attribute change
  12. jQuery object and DOM element
  13. How to expose IFrame’s DOM using jQuery?
  14. Finding line-wraps
  15. How to get the element clicked (for the whole document)?
  16. Check if option is selected with jQuery, if not select a default
  17. How to check if an embedded SVG document is loaded in an html page?
  18. How to show a spinner while loading an image via JavaScript
  19. How to move an iFrame in the DOM without losing its state?
  20. Get the DOM path of the clicked
  21. How do I monitor the DOM for changes?
  22. JavaScript scrollTo method does nothing?
  23. Select div using wildcard ID
  24. how to compare two elements in jquery [duplicate]
  25. How do I wrap a text selection from window.getSelection().getRangeAt(0) with an html tag?
  26. getElementById returning value only for first element [closed]
  27. querySelector vs. getElementById [closed]
  28. How to add DOM element script to head section?
  29. Delaying a jquery script until everything else has loaded
  30. User Activity Tracking using javascript library [closed]

Leave a Comment