JavaScript案例二:在末尾添加节点

简单实现通过JavaScript来增加HTML节点

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript在末尾添加节点</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" >
		function add()
		{
			var lnode=document.createElement("li");
			var ltext=document.createTextNode("2222");
			lnode.appendChild(ltext);
			document.getElementById("uid").appendChild(lnode);
		}
	</script>
  </head>
  <body>
  	<ul id="uid">
  		<li>1111</li>
  		<li>1111</li>
  		<li>1111</li>
  	</ul>
  	<input type="button" value="添加" onclick="add();"/>
  </body>
</html>

  运行结果示意:

 

posted @ 2016-10-11 14:25  凌晨。。。三点  阅读(216)  评论(0编辑  收藏  举报