删除没有Jquery的包装div（原始javascript） [英] Removing wrapper div without Jquery (raw javascript)

问题描述

我知道有一个叫做解包的解决方案，但我正在编写原始JavaScript。
我没有找到没有jQuery的解决方案。

我想删除一个div，如下所示：

 < div>< div id =mydiv>重要文字在这里< / div>< / div> 
  

删除mydiv后：

 < div>重要文字在这里< / div> 
  

我应该怎么做，我想知道理论。 b

在此先感谢。

解决方案

不应该这样行

  document.getElementById（mydiv）。outerHTML = document.getElementById（mydiv）。innerHTML 
  

请参阅此 JSBin示例 a>（检查元素）

I know there is a solution with Jquery called unwrap, but I am writing "raw" JavaScript. I didn't find any solution without jQuery.

I'd like to remove a div like so:

<div><div id="mydiv">Important text here</div></div>

After removal of "mydiv":

<div>Important text here</div>

What should I do, I'd like to know the theory.

Thanks in advance.

解决方案

shouldn't this line work

 document.getElementById("mydiv").outerHTML = document.getElementById("mydiv").innerHTML

See this JSBin Example (inspect the element)

这篇关于删除没有Jquery的包装div（原始javascript）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！