Javascript 在之后插入同级

在Javascript中，有时我们需要在DOM中向某个元素之后插入一个同级元素。这个过程可以通过以下步骤来完成：

1. 创建新元素
2. 找到目标元素的父级元素
3. 使用.parentNode.insertBefore方法将新元素插入到目标元素之后

下面是一个使用纯Javascript实现的例子，其中我们创建了一个button元素，然后在它之后插入一个div元素。

let newDiv = document.createElement('div'); // 创建新元素
let targetElement = document.getElementById('insert-after-me'); // 找到目标元素
let parentElement = targetElement.parentNode; // 找到目标元素的父级元素
parentElement.insertBefore(newDiv, targetElement.nextSibling); // 插入新元素到目标元素之后

这个例子中，我们使用了Document对象的createElement方法来创建了一个新的div元素。然后，我们找到了一个id为"insert-after-me"的元素，并用它来查找它的父级元素。最后，我们使用parentNode.insertBefore方法将新元素插入到目标元素之后。

需要注意的是，在使用insertBefore方法时，我们将新元素和目标元素之间的关系称为兄弟元素。我们使用目标元素.nextSibling来找到目标元素的下一个兄弟元素（如果它存在），并将新元素插入到它之前，也就是目标元素之后。如果目标元素没有下一个兄弟元素，那么新元素将被插入到末尾。

这个方法可以用于各种情况，例如在一个列表中插入新项，或在一个表格中插入新行等等。它是自由、灵活和方便的。

希望这个例子能帮助你了解如何在Javascript中插入同级元素，并对你的开发工作有所裨益！