Как работат метод after в js?

after(node1)
after(node1, node2)
after(node1, node2, /* … ,*/ nodeN)

const parentNode = document.createElement("div");
// parentNode должен быть вставлен в DOM-дерево
document.body.append(parentNode);

const childNode1 = document.createElement("p");
const childNode2 = document.createElement("div");

// добавляем childNode1 и childNode2 в список детей узла parentNode
parentNode.append(childNode1, childNode2);
console.log(parentNode.outerHTML)// "<div><p></p><div></div></div>"

const newNode = document.createElement("span");
// добавляем newNode в список детей parentNode сразу после childNode1
childNode1.after(newNode);
console.log(parentNode.outerHTML)// "<div><p></p><span></span><div></div></div>"