2018ソリューション（悪い習慣、2020年まで）
私はこの質問が古代であることを知っていますが、今後のユーザーのために、変更されたプロトタイプは、存在しない.insertAfter関数のマイクロポリフィルにすぎません。このプロトタイプは、新しい関数baseElement.insertAfter(element);をElementプロトタイプに直接追加します。
Element.prototype.insertAfter = function(new) {
this.parentNode.insertBefore(new, this.nextSibling);
}
ライブラリ、要旨、またはコード内（または参照可能な他の場所）にポリフィルを配置したら、次のように記述します document.getElementById('foo').insertAfter(document.createElement('bar'));
2019ソリューション（醜い、2020に進む）
新しい編集：プロトタイプは使用しないでください。これらはデフォルトのコードベースを上書きし、非常に効率的または安全でなく、互換性エラーを引き起こす可能性がありますが、非営利プロジェクトの場合は問題になりません。
商用利用に安全な機能が必要な場合は、デフォルトの機能を使用してください。それはきれいではありませんが、うまくいきます：
function insertAfter(el, newEl) {
el.parentNode.insertBefore(newEl, this.nextSibling);
}
// use
const el = document.body || document.querySelector("body");
// the || means "this OR that"
el.insertBefore(document.createElement("div"), el.nextSibling);
// Insert Before
insertAfter(el, document.createElement("div"));
// Insert After
2020ソリューション
ChildNodeの現在のWeb標準：https ://developer.mozilla.org/en-US/docs/Web/API/ChildNode
現在は生活基準にあり、安全です。
サポートされていないブラウザの場合は、このポリフィルを使用してください：https : //github.com/seznam/JAK/blob/master/lib/polyfills/childNode.js
ポリフィルがプロトスを使用していると誰かが言ったとき、私はそれらが悪い習慣だと言った。それらは、特に2018年の私のソリューションのように、正しく使用されていない場合に使用されます。ただし、そのポリフィルはMDNドキュメントにあり、より安全な初期化と実行を使用しています。さらに、プロトタイプの上書きがそれほど悪くなかった時代の古いブラウザサポート用です。
2020ソリューションの使用方法：
const el = document.querySelector(".class");
// Create New Element
const newEl = document.createElement("div");
newEl.id = "foo";
// Insert New Element BEFORE
el.before(newEl);
// Insert New Element AFTER
el.after(newEl);
// Remove Element
el.remove();
// Remove Child
newEl.remove(); // This one wasnt tested but should work