HTML | DOM ParentNode.prepend() 方法

ParentNode.prepend()方法在 ParentNode 的第一个子节点之前插入一组 Node 对象或 DOMString 对象。因此，子节点设置在节点对象列表的^{第 0 个索引处。}

句法：

ParentNode.prepend( ChildNodesToPrepend );

参数：

• ChildNodesToPrepend：要添加的子节点充当此方法的参数。
• 前置文本：我们也可以前置文本。

返回值：此方法返回未定义。

下面的例子说明了 ParentNode.prepend() 方法：

示例 1：前置一个元素。为了展示这个方法，我们创建了三个元素parentNode、Child1 和 Child2。然后我们将 Child1 和 Child2 添加到 parentNode。

在控制台中，我们展示了 parentNode 的 childNodes。

  

    
    Prepend

  

    GeeksforGeeks
  
    
        var parentNode = document.createElement("div");
        var Child1 = document.createElement("p");
        var Child2 = document.createElement("div");
        parentNode.prepend(Child1);
        parentNode.prepend(Child2);
        console.log(parentNode.childNodes);
    

  

输出：

在控制台中，您可以看到 parentNode 的 childNodeList。一个是div ，一个是p

示例 2：前置文本。在这个例子中，我们在元素的innerHTML 和元素的textContent 中添加了一些文本。

  

    
    Prepend

  

    GeeksforGeeks
  
    
        var parent = document.createElement("div");
        parent.innerHTML = 
            "A Computer Science Portal for Geeks";
        parent.prepend("GeeksforGeeks : ");
        console.log(parent.textContent);
    

  

输出：

在控制台中，您可以看到父元素的 textContent。