如何实现常规 JavaScript 的前缀和附加？

下面是一个代码段，可帮助您快速入门：

theParent = document.getElementById("theParent");
theKid = document.createElement("div");
theKid.innerHTML = 'Are we there yet?';

// append theKid to the end of theParent
theParent.appendChild(theKid);

// prepend theKid to the beginning of theParent
theParent.insertBefore(theKid, theParent.firstChild);

theParent.firstChild将给我们一个引用里面的第一个元素，并放在它之前。theParenttheKid

也许您正在询问有关 DOM 方法和 .appendChildinsertBefore

parentNode.insertBefore(newChild, refChild)

将节点作为 现有子节点 之前的子节点 插入。（返回 。）newChildparentNoderefChildnewChild

如果 为 null，则将其添加到子级列表的末尾。等效且更易读地使用 .refChildnewChildparentNode.appendChild(newChild)