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>