|
|
|
|
与删除节点一样，替换节点也需要先获取父节点，然后通过父节点替换子节点。
1. 获取父节点 2. 创建子节点 3. 获取被替换子节点 4. 通过replaceChild进行替换 注: replaceChild 第一个参数是保留的节点，第二个参数是被替换的节点 <div id="parentDiv">
<div id="d1">第一个div</div>
<div id="d2">第二个div</div>
<div id="d3">第三个div</div>
</div>
<script>
function replaceDiv(){
var d4= document.createElement("div");
var text = document.createTextNode("第四个div");
d4.appendChild(text);
var d3 = document.getElementById("d3");
var parentDiv = document.getElementById("parentDiv");
parentDiv.replaceChild(d4,d3);
}
</script>
<button onclick="replaceDiv()">替换第3个div</button>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
