通过js操作html下的节点

<script type="text/javascript">
		
//				alert(NewNode);
				

			function show(){
				
				//获取ul节点
				var ulNode=document.getElementsByTagName("ul")[0];
				//获取 textid
				var textid=document.getElementById("textid").value;
				//获取Ul节点的最后一个子节点
				var childNode=ulNode.lastChild
				//创造一个新的li节点
				var NewNode=document.createElement("li");
				//给新节点添加内容
				NewNode.textContent=textid;
				//将新的li节点加入到UL中
				ulNode.insertBefore(NewNode,childNode);
				//使得文本框为空值
				document.getElementById("textid").value=null;
				
				
			}
		</script>