使用常规 JavaScript 实现 prepend 和 append

任务是使用常规 JavaScript 实现 prepend() 和 append() 方法。我们将讨论几种方法。
首先要知道的几个方法

insertBefore() 方法：
此方法在指定的现有子节点之前插入一个节点作为子节点。
句法：
```
node.insertBefore(newNode, existingNode)
```
参数：
- newNode：此参数是必需的。它指定要插入的节点对象。
- 现有节点：此参数是必需的。它指定子节点在它之前插入新节点。如果不使用，该方法将在末尾插入 newNode。
返回值：
它返回一个节点对象，代表插入的节点。
appendChild() 方法：
此方法附加一个节点作为节点的最后一个子节点。
句法：
```
node.appendChild(Node)
```
参数：
- 节点：此参数是必需的。它指定要附加的节点对象。
返回值：
它返回一个节点对象，它代表附加的节点。

示例 1：此示例创建一个新的

元素，并使用insertBefore() 方法将其插入为

元素的第一个子元素。



  

    
        JavaScript 
      | implement prepend and 
      append with regular JavaScript.
    

  

      
            GeeksForGeeks  
        
    
    
    
        child_1
        child_2
        child_3

输出：

在点击按钮之前：
点击按钮后：

示例 2：此示例创建一个新的

元素，并使用appendChild() 方法将其作为

元素的最后一个子元素插入。



  

    
        JavaScript 
      | implement prepend and append 
      with regular JavaScript.
    

  

      
            GeeksForGeeks  
        
    
    
    
        child_1
        child_2
        child_3

输出：

在点击按钮之前：
点击按钮后：