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