HTML | DOM replaceChild() 方法

HTML DOM 中的replaceChild()方法用于用给定父节点中的新节点替换子节点。

句法：

parentNode.replaceChild( newChild, oldChild )

参数值：此方法接受下面列出的两个参数：

• newChild：它是必需的参数。它代表需要插入的新节点。
• oldChild：它是必需的参数。它代表被新节点替换的节点。

返回值：它返回一个代表被替换节点的节点对象。

示例：在此示例中，第一个

文本被替换为新文本。

    
        DOM replaceChild() Method
    
      
    
      
        
            GeeksforGeeks
        
          
        
            DOM replaceChild() Method
        
          
        Sorting Algorithm
        Insertion sort
            Merge sort
            Bubble sort
        
          
        
            Click Here!
        
      
        
        function Geeks() {
            var doc = document.createTextNode("Quick sort");
            var list = document.getElementById("listitem").childNodes[0];
            list.replaceChild(doc, list.childNodes[0]);
        }
        
      
    
                    

输出：
点击按钮前：

点击按钮后：

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

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