Saya memiliki elemen E dan saya menambahkan beberapa elemen ke dalamnya. Tiba-tiba, saya mengetahui bahwa elemen berikutnya harus menjadi anak pertama dari E. Apa masalahnya, bagaimana cara melakukannya? Metode unshift tidak berfungsi karena E adalah objek, bukan array.

Jauh untuk beralih melalui anak-anak E dan untuk memindahkan kunci mereka ++, tapi saya yakin ada cara yang lebih cantik.

var eElement; // some E DOM instance
var newFirstElement; //element which should be first in E

eElement.insertBefore(newFirstElement, eElement.firstChild);

Versi 2017

Kamu bisa memakai

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

Dari MDN :

Metode insertAdjacentElement () menyisipkan node elemen yang diberikan pada posisi tertentu relatif terhadap elemen yang dipanggil.

position
A DOMString mewakili posisi relatif terhadap elemen; harus salah satu dari string berikut
beforebegin:: Sebelum elemen itu sendiri.
afterbegin: Tepat di dalam elemen, sebelum anak pertamanya.
beforeend: Tepat di dalam elemen, setelah anak terakhirnya.
afterend: Setelah elemen itu sendiri.

element
Elemen yang akan dimasukkan ke dalam pohon.

Juga di keluarga insertAdjacentada metode saudara:

element.insertAdjacentHTML('afterbegin','htmlText')untuk menyuntikkan string html secara langsung, seperti innerHTMLtetapi tanpa mengabaikan semuanya, sehingga Anda dapat melompat dari proses yang menindas document.createElementdan bahkan membangun seluruh komponen dengan proses manipulasi string

element.insertAdjacentTextuntuk menyuntikkan string sanitasi ke dalam elemen. tidak lagiencode/decode

Versi 2018

parentElement.prepend(newFirstChild)

Ini adalah JS modern! Ini lebih mudah dibaca daripada opsi sebelumnya. Saat ini tersedia di Chrome, FF, dan Opera.

PS Anda dapat langsung menambahkan string

parentElement.prepend('This text!')

developer.mozilla.org

Dapatkah Saya Menggunakan - 94% Mei 2020

Polyfill

Anda dapat menerapkannya secara langsung di semua elemen html jendela Anda.
Seperti ini :

HTMLElement.prototype.appendFirst=function(childNode){
    if(this.firstChild)this.insertBefore(childNode,this.firstChild);
    else this.appendChild(childNode);
};

Jawaban yang diterima direactored menjadi suatu fungsi:

function prependChild(parentEle, newFirstChildEle) {
    parentEle.insertBefore(newFirstChildEle, parentEle.firstChild)
}

Kecuali saya salah paham:

$("e").prepend("<yourelem>Text</yourelem>");

Atau

$("<yourelem>Text</yourelem>").prependTo("e");

Meskipun kedengarannya seperti dari deskripsi Anda bahwa ada beberapa kondisi terlampir, jadi

if (SomeCondition){
    $("e").prepend("<yourelem>Text</yourelem>");
}
else{
    $("e").append("<yourelem>Text</yourelem>");
}

Saya pikir Anda sedang mencari fungsi .prepependent di jQuery. Kode contoh:

$("#E").prepend("<p>Code goes here, yo!</p>");

Saya membuat prototipe ini untuk menambahkan elemen ke elemen induk.

Node.prototype.prependChild = function (child: Node) {
    this.insertBefore(child, this.firstChild);
    return this;
};

var newItem = document.createElement("LI");       // Create a <li> node
var textnode = document.createTextNode("Water");  // Create a text node
newItem.appendChild(textnode);                    // Append the text to <li>

var list = document.getElementById("myList");    // Get the <ul> element to insert a new node
list.insertBefore(newItem, list.childNodes[0]);  // Insert <li> before the first child of <ul>

https://www.w3schools.com/jsref/met_node_insertbefore.asp