js删除替换元素

2016-11-15 本文已影响26人 71150ce14a00

删除元素#one{

height:150px;

width:150px;

background-color:green;

}

#two{

height:150px;

width:150px;

background-color:red;

}function demo(){

// 通过父节点删除

var div = document.getElementById("two");

var parentNode = div.parentNode; // 获取父节点

parentNode.removeChild(div.previousSibling.previousSibling);// 前一个兄弟节点

}

// 克隆

function demo2(){

var newdiv = document.getElementById("two");

var cloneNode = newdiv.cloneNode(true); // 克隆

var olddiv = document.getElementById("one");

newdiv.parentNode.replaceChild(cloneNode,olddiv);

}

// 替换

function demo3(){

var newdiv = document.getElementById("one");

var oldiv = document.getElementById("two");

newdiv.parentNode.replaceChild(newdiv,oldiv); // 替换节点

}

</div>

</div>