JavaScriptreplaceChild()

  • Z时代
  • 2024-01-10
  • 分类：综合

编程

replaceChild(newnode,oldnode) 方法来替换 HTML DOM 中的元素。

newnode 节点会被移除
oldnode 被替换的节点对象
返回值是一个指向被替换节点的引用指针 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="div1">
<p id="p1">一个段落。</p>
<p id="p2">这是另外一个段落。</p>
</div>
<script>
var parent = document.getElementById("div1");
var child1 = document.getElementById("p1");
var child2 = document.getElementById("p2");
var temp = child1.cloneNode(true);
parent.replaceChild(temp, child2);
parent.replaceChild(child2, child1);
/*
var temp = document.createElement("p");
//var node = document.createTextNode("一个新的段落。");
//temp.appendChild(node);
parent.replaceChild(temp, child1);
parent.replaceChild(child1, child2);
parent.replaceChild(child2, temp);
*/
</script>
</body>
</html>

insertBefore(newchild,refchild)在已有的子节点之前插入一个新的子节点。

newchild  要插入的新节点，节点会被移除
refchild  在该节点之前插入新节点

以上是 JavaScriptreplaceChild() 的全部内容， 来源链接： utcz.com/z/511882.html

回到顶部