在js中添加新节点
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload = function(){
alert(1);
//document.createElement(elementTagName);
//新创建一个元素节点，返回值为指向元素节点的引用
var liNode = document.createElement("li");
//document.createTextNode(String);//创建一个文本节点
//参数为文本值，返回该文本节点的引用
var xmText = document.createTextNode("厦门");
liNode.appendChild(xmText);
var cityNode = document.getElementById("city");
//2,elementNode.appendChild(newChild):为elementNode
//新添加newChild子节点，该子节点将作为elementNode的最后一个子节点
cityNode.appendChild(liNode);
}
</script>
</head>
<body>
<p>你喜欢那个城市</p>
<ul />
</body>
</html>