如何设置DOM元素为第一个子?

我有一个元素E，我向它添加了一些元素。突然间，我发现下一个要追加的元素应该是e的第一个子元素，有什么诀窍，怎么做呢?方法unshift不起作用，因为E是一个对象，而不是数组。

很长的路要走，遍历E的孩子，并移动他们的键++，但我相信有一个更好的方法。

当前回答

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

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

2017-08-20 17:27:31

其他回答

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

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

2010-01-05 16:23:22

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

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

2015-01-03 04:35:08

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

eElement.insertBefore(newFirstElement, eElement.firstChild);

2010-01-05 16:35:09

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

2017-12-12 23:22:12

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

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

2017-08-20 17:27:31

如何设置DOM元素为第一个子?

推荐文章

最新文章

标签