js删除替换元素

删除元素#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 id="one">

</div>

<div id = "two">

</div>

<input type="button" value="删除元素" onclick="demo()"/>

<input type="button" value="克隆替换" onclicke="demo2()"/>

<input type="button value="替换" onclicke="demo3()"/>