J'ai l'élément E et j'y ajoute quelques éléments. Tout à coup, je découvre que l'élément suivant devrait être le premier enfant de E. Quel est le truc, comment le faire? La méthode unshift ne fonctionne pas car E est un objet, pas un tableau.

Le long chemin serait d'itérer les enfants de E et de les déplacer key ++, mais je suis sûr qu'il y a une plus jolie manière.

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

eElement.insertBefore(newFirstElement, eElement.firstChild);

Version 2017

Vous pouvez utiliser

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

De MDN :

La méthode insertAdjacentElement () insère un nœud d'élément donné à une position donnée par rapport à l'élément sur lequel il est invoqué.

position
Une DOMString représentant la position par rapport à l'élément; doit être l'une des chaînes suivantes
beforebegin:: avant l'élément lui-même.
afterbegin: Juste à l'intérieur de l'élément, avant son premier enfant.
beforeend: Juste à l'intérieur de l'élément, après son dernier enfant.
afterend: Après l'élément lui-même.

element
L'élément à insérer dans l'arborescence.

Également dans la famille des insertAdjacentméthodes fraternelles:

element.insertAdjacentHTML('afterbegin','htmlText')pour injecter directement une chaîne html, comme innerHTMLmais sans tout remplacer, vous pouvez donc sauter un processus oppressif document.createElementet même construire un composant entier avec un processus de manipulation de chaîne

element.insertAdjacentTextpour injecter la chaîne de désinfection dans l'élément. Pas plusencode/decode

Version 2018

parentElement.prepend(newFirstChild)

C'est JS moderne! Il est plus lisible que les options précédentes. Il est actuellement disponible dans Chrome, FF et Opera.

PS Vous pouvez directement ajouter des chaînes

parentElement.prepend('This text!')

developer.mozilla.org

Puis-je utiliser - 94% mai 2020

Polyfill

Vous pouvez l'implémenter directement dans tous vos éléments html de fenêtre.
Comme ça :

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

Réponse acceptée refactorisée en fonction:

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

Sauf si j'ai mal compris:

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

Ou

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

Bien qu'il semble que d'après votre description il y ait une condition attachée, donc

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

Je pense que vous recherchez la fonction .prepend dans jQuery. Exemple de code:

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

J'ai créé ce prototype pour ajouter des éléments à l'élément parent.

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