How can I remove wrapper (parent element) without removing the child?

by

Pure JS (ES2015) solution, in my opinion easier to read than jQuery-solutions.

node.replaceWith(...node.childNodes)

Node has to be an ElementNode

const wrapperNode = document.querySelector('h1')
wrapperNode.replaceWith(...wrapperNode.childNodes)
<h1>
  <a>1</a>
  <b>2</b>
  <em>3</em>
</h1>

More Related Contents:

  1. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  2. jQuery document.createElement equivalent?
  3. How can I select an element by name with jQuery?
  4. What is the most efficient way to create HTML elements using jQuery?
  5. How do I create a link using javascript?
  6. How to show Page Loading div until the page has finished loading?
  7. Finding line-wraps
  8. How to get the element clicked (for the whole document)?
  9. Why are duplicate ID values not allowed in HTML?
  10. What is innerHTML on input elements?
  11. Is there a DOM event that fires when an HTML select element is closed?
  12. How to find a parent with a known class in jQuery?
  13. jQuery: how to change tag name?
  14. Is there any “on DOM change” event? [duplicate]
  15. Get the DOM path of the clicked
  16. How to move table row in jQuery?
  17. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  18. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  19. How to add DOM element script to head section?
  20. Uncaught TypeError: Cannot read property ‘top’ of undefined
  21. JQuery html() vs. innerHTML
  22. How can I get access to a Highcharts chart through a DOM-Container?
  23. Open new window without focus on it [duplicate]
  24. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  25. User Activity Tracking using javascript library [closed]
  26. window.getSelection return html [duplicate]
  27. How to properly unload/destroy a VIDEO element
  28. How to get on-screen visible element objects in jQuery? [duplicate]
  29. Test if an element can contain text
  30. Why I cant use jQuery functionality

Leave a Comment