HTML | DOM insertBefore() 方法

HTML DOM 中的insertBefore()方法用于在用户指定的现有节点之前插入一个新节点。

句法：

node.insertBefore( newnode, existingnode )

参数：此方法接受上面提到和下面描述的两个参数：

• newnode：它是必需的参数。该参数包含需要插入的新节点对象。
• 现有节点：它是必需的参数。它描述了新节点在该节点之前插入的位置。如果设置为 null，则 insertBefore 方法将在末尾插入新节点。

返回值：返回代表插入节点的节点对象。

示例：在本示例中，在列表的第二个节点之前插入一个列表元素。

  

    
        HTML | DOM insertBefore() Method
  
    
    
    
        function myGeeks() {
            var newItem = document.createElement("li");
            var textnode = document.createTextNode("Java");
            newItem.appendChild(textnode);
  
            var list = document.getElementById("subjects");
            list.insertBefore(newItem, list.childNodes[2]);
        }
    

  

    
        Welcome To GeeksforGeeks
    
  
    
        HTML DOM insertBefore() Method
    
  
    
        C++
        Python
    
  
    
        Click on the button to insert an 
        element before Python
    
  
    
        Insert Node
    
  

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM insertBefore() 方法支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器