DOM建立節點的方法
document.createElement(Tag)，Tag必須是合法的HTML元素
DOM複制節點的方法
節點.cloneNode(boolean deep),當deep為true時，表示複制目前節點以及目前節點全部後代節點。為false，隻複制目前節點。
<html>
<head>
<title>00</title>
<script type="text/javascript" charset="utf-8">
function create(){
var city=document.getElementById("city");
var element=document.createElement("li");
element.innerHTML="南京";
//city.appendChild(element);
//city.insertBefore(element,city.firstChild.nextSibling);
city.replaceChild(element,city.lastChild.previousSibling);
}
function copy(){
var city=document.getElementById("city");
var element=city.firstChild.nextSibling.cloneNode(false);
city.appendChild(element);
}
function deletetest(){
var city=document.getElementById("city");
var element=city.firstChild.nextSibling;
city.removeChild(element);
}
</script>
</head>
<body>
<ul id="city">
<li>北京</li>
<li>上海</li>
</ul>
<input type="button" value="建立複制替換節點" οnclick="create()"/>
<input type="button" value="複制節點" οnclick="copy()"/>
<input type="button" value="删除節點" οnclick="deletetest()"/>
</body>
</html>
