2017年版

你可以使用

targetElement.insertAdjacentElement('afterbegin', newFirstElement)

来自MDN:

insertAdjacentElement()方法将一个给定的元素节点插入到相对于调用它的元素的给定位置。 位置 表示相对于元素的位置的DOMString;必须是以下字符串之一: beforebegin:在元素本身之前。 afterbegin:就在元素内部，在它的第一个子元素之前。 beforeend:就在元素内部，在它的最后一个子元素之后。 afterend:在元素本身之后。 元素 要插入到树中的元素。

在insertneighbour家族中有兄弟方法:

element.insertAdjacentHTML('afterbegin','htmlText')`

它可以直接注入html字符串，就像innerHTML，但没有覆盖所有东西，所以你可以把它作为一个迷你模板引擎，跳过文档的压迫过程。createElement，甚至用字符串操作过程构建一个完整的组件

元素。insertAdjacentText用于注入消毒字符串到元素中。不再有编码/解码

除非我误解了:

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

Or

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

虽然从你的描述听起来是有附加条件的，所以

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

我创建这个原型是为了将元素前置到父元素。

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

你可以实现它直接在你所有的窗口html元素。 像这样:

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

我认为您正在寻找jQuery中的.prepend函数。示例代码:

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

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

eElement.insertBefore(newFirstElement, eElement.firstChild);