<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul id="ul1">
<li>一</li>
<li>二</li>
<li id="li3">三</li>
<li>四</li>
<li id="li5">五</li>
</ul>
</body>
<script type="text/javascript">
// var x=document.getElementById("ul1").childNodes;
// var y=document.getElementById("li3").lastChild;
// console.log(x);
// console.log(y);
//创建节点
// var div=document.createElement("div");
// var tet=document.createTextNode("我是新创建的div");
// div.appendChild(tet);
// var add=document.getElementById("li3");
// add.appendChild(div);
//克隆节点
// var clone=document.getElementById("li3").cloneNode("我是复制的li3");
// document.write(clone);
// 删除节点
// document.getElementById("ul1").removeChild(document.getElementById("li3"));
//替换节点
document.getElementById("ul1").replaceChild(document.getElementById("li3"),document.getElementById("li5"));
</script>
</html>