如何使用常规JavaScript实现前置和追加？

Question

如何在不使用jQuery的情况下使用常规JavaScript进行前置和追加？

Answer 1

这是一个片段，可以助您一臂之力：

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将为我们提供第一个元素的引用，theParent并放在其theKid前面。

Answer 2

您在这里没有给我们太多的工作，但我想您只是在问如何在元素的开头或结尾添加内容？如果是这样，这是您可以轻松完成的操作：

//get the target div you want to append/prepend to

var someDiv = document.getElementById("targetDiv");

//append text

someDiv.innerHTML += "Add this text to the end";

//prepend text

someDiv.innerHTML = "Add this text to the beginning" + someDiv.innerHTML;

挺容易。