javascript - 如何删除子节点并在javascript中保留其子节点？

Question

我不太擅长 JavaScript。我有一个像这样的 DOM 结构:

<div data-embed-url="https://www.youtube.com/watch?v=5DkrwfY2jw4">
 <div class="black">
  <div>
   <div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 56.2493%;">
     <iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/5DkrwfY2jw4"></iframe>
   </div>
  </div>
 </div>

如何删除类为“black”的节点和 div，而不保留其他样式和类？

Answer 1

假设您使用的是 ES5:

// Find the `.black`
var black = document.querySelector('.black');

// Replace `.black` with its first child
black.parentNode.replaceChild(black.firstChild, black);