节点

<!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>

posted @ 2016-06-10 19:19  顾锦书-王丹  阅读(157)  评论(0编辑  收藏  举报