HTMLの子要素を親から外して親要素を削除する

Question

親の外に子を移動しようとすると、バニラJavaScriptで親自体を削除しようとしています。

<div class="parent"> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

所望の出力：

<div class="child"></div> 
<div class="child"></div> 

Answer 1

がinnerHTMLプロパティにouterHTMLプロパティを設定してみてください現在のコードは次のようになります。

const parent = document.querySelector('.parent') 
parent.outerHTML = parent.innerHTML 

ライブデモを参照してください：笑現在のコードは次のようになります...何code..itsあなたのHTMLはありません

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>