JS replaceChild()方法，替换元素

replaceChild()方法

JavaScript中的replaceChild()方法，可以用于替换调用对象中的某一个子元素为新的元素。可以同createElement()、getElementById()等方法搭配使用。

replaceChild()语法

element.replaceChild( newElement, oldElement )

参数

参数	描述
newElement	指定用来替换的元素
oldElement	指定需要被替换的子元素

replaceChild()方法实例代码，及在线编辑器

<div id='r1'><p id='r2'>这是一个段落，为需要被替换的子元素。</p></div>
<button onclick='setNewElement()'>替换子元素</button>

<script>
  function setNewElement(){
    var element = document.getElementById('r1');
    var old_ele = document.getElementById('r2')
    var new_ele = document.createElement('p');
    new_ele.appendChild(document.createTextNode( '用来替换的元素')) ;
    element.replaceChild(new_ele,old_ele);
  }
</script>

全栈编程 / JavaScript语法(可向下滚动)：