別の要素の後に要素を挿入する

JavaScript DOM API は、既存の要素の後に要素を直接挿入することはサポートしていません。

DOM ツリー内の既存要素の後に要素を挿入するには、次の手順に従います。

• まず、既存要素の親ノードを選択します。
• 次に、既存要素の次の兄弟ノード(nextSibling)の前に新しい要素を挿入します(insertBefore())。

次のヘルパー関数は、既存の要素の後に要素を挿入することを可能にします。

function insertAfter(newNode, existingNode) {
    existingNode.parentNode.insertBefore(newNode, existingNode.nextSibling);
}Code language: JavaScript (javascript)