javascript - 使用 Javascript 反转 DOM 节点顺序

Question

我很好奇是否有一种简单的方法可以使用 JavaScript 进行这种转换。

<div>
  <i>
    <b>
      TEXT
    </b>
  </i>
</div>

对此:

<div>
  <b>
    <i>
      TEXT
    </i>
  </b>
</div>

现在我知道这可以通过更长的方式实现，例如创建一个新的 <b>和<i> ，放置所有旧的<b>新的内部<i> ，然后新建<i>新的内部<b> ，然后替换子项，或者类似的方法。但我很好奇是否有类似 node.swapTypeWithParent 的东西或swapNodeTypes(b, i) .

Answer 1

不，没有。假设“更长的方法”是指用 javascript 移动和替换元素和文本，那么这就是执行此操作的方法，并且 javascript 中没有其他快捷方式。