javascript - Move HTML children elements out of parent and remove the parent element -
trying move children outside of parent remove parent in vanilla javascript. current code looks this:
<div class="parent">   <div class="child"></div>   <div class="child"></div> </div>   desired output:
<div class="child"></div> <div class="child"></div>      
try setting outerhtml property innerhtml property.
const parent = document.queryselector('.parent') parent.outerhtml = parent.innerhtml   see live demo:
console.log('before change: ', document.queryselector('.container').innerhtml)    const parent = document.queryselector('.parent')  parent.outerhtml = parent.innerhtml    console.log('after change: ', document.queryselector('.container').innerhtml)  <div class="container">    <div class="parent">      <div class="child"></div>      <div class="child"></div>    </div>  </div>  
Comments
Post a Comment