insertAdjacentHTML在不应该</div>时插入<div>

Question

我有一个主DIV，我想通过PHP插入不同的DIV。

非常简化我的HTML看起来像：

<div id="mainDiv">
   <div id="invoice1">
      ....
   </div>

   <div id="invoice2">
      ....
   </div>

   <div id="invoice3">
      ....
   </div>
</div>

然后，用户可以通过单击按钮（ajax）和fx进行交互。带有“invoice2”的div需要被赋予新的HTML（清除并插入新的HTML）。

我可以通过使用innerHTML来实现这一点，但是使用100的div（发票）变得非常慢并且编码效果不佳。

为了改善这一点，我尝试使用insertAdjacentHTML，但我不能让它像HTML一样：

<div id="invoice1">

insertAdjacentHTML将其插入为

<div id="invoice1"></div>

结尾

</div>

被剥离（使页面看起来不对劲）。

那么我怎么能以聪明的方式做到这一点呢？