2018 version - `prepend`

Question

我有一个要素E,我用一些内容。所有这一切都突然发生,我发现,传来的下一个要素应该是E的第一个孩子。是什么骗子,如何做? 由于E是一个目标,而不是阵列,因此采用非临时性的固定工作方式。

漫长的办法是通过爱婴孩进行消化,并搬进钥匙++,但我确信,有预想办法。

Answer 1

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

eElement.insertBefore(newFirstElement, eElement.firstChild);

Answer 2

2018 version - `prepend`

parent.prepend(newChild)  // [newChild, child1, child2]

这是现代的联邦文件! 这比以往的备选办法更可读。目前可在 Chrome、FF和歌舞厅查阅。

添加到末尾的对应数字为append,取代原来的appendChild。

parent.append(newChild)  // [child1, child2, newChild]

Advanced usage

You can pass multiple values (or use spread operator ...).
Any string value will be added as a text element.

<>>Examples:

parent.prepend(newChild, "foo")   // [newChild, "foo", child1, child2]

const list = ["bar", newChild]
parent.append(...list, "fizz")    // [child1, child2, "bar", newChild, "fizz"]

Related DOM methods

Read More - child.before and child.after
Read More - child.replaceWith

Mozilla 文件

https://caniuse.com/#feat=dom-manip-convenience”rel=“noreferer”

Answer 3

2017 version

你们可以使用

targetElement.insertAdjacentElement( afterbegin , newFirstElement)

https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAhostElement”rel=“noreferer”>MDN :

插入“相邻(......)”方法,在某一职位上插入与所援引要素有关的特定要素。

position
A DOMString representing the position relative to the element; must be one of the following strings:
beforebegin: Before the element itself.
afterbegin: Just inside the element, before its first child.
beforeend: Just inside the element, after its last child.
afterend: After the element itself.

element
The element to be inserted into the tree.

在<代码>内附现有可调和的方法:

element.insertAdjacentHTML( afterbegin , htmlText )`

这可以直接注入html,如inner Rainbow/code>,但并不压倒一切,因此,你可以把它当作一个微型模范的Enin,并跳跃document.createElement<>>>的压迫过程,甚至以扼制操纵过程构建一个整体。


element.insertA nearText forjection sanitize string into 元件 。 不超过<条码>。

Answer 4

You can implement it directly i all your window html elements.
Like this :

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

Answer 5

接受的答复,后附:

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

Answer 6

除非我误解:

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

或

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

虽然从你描述中可以看出,存在某种条件,

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

Answer 7

我想请大家再看。例:

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

Answer 8

我创建了这一原型,以向母体元素预支元素。

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

Answer 9

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_insert before.asp 。

2018 version - prepend

Advanced usage

Related DOM methods

2017 version

友情链接

2018 version - `prepend`