javascript replacechild无法正常工作

Question

我知道这是一个简单的概念，但我似乎无法让它发挥作用。有什么想法吗？这是我的代码：

var oldChild = document.getElementById("sbX1");
var newChild = document.createElement("div");
newChild.id= "sbYY1";
oldChild.replaceChild(newChild, oldChild);

Answer 1

你在replaceChild()上呼叫oldchild，当你应该在oldchild

的父节点上调用它时

var oldChild = document.getElementById("sbX1");
var newChild = document.createElement("div");
newChild.id= "sbYY1";

// Replace oldchild on the parent node
// You can reference the child's parent via .parentNode
// or retrieve it directly with document.getElementById('theparentId')
oldchild.parentNode.replaceChild(newChild, oldChild);