超简单的html动态添加div

<html>
	<head>
	  <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	</head>
	<body>
		<div id = "conter">
			this is conter!!!
			<input type="button" onclick="add_div()" value="添加" >
		</div>
	</body>
	<script>
		add_div = function(){
			  		var ad=document.getElementById('conter');
			  		var adiv=document.createElement('div');
			  		ad.appendChild(adiv);
			        ad.appendChild(document.createTextNode("this is new"));
		}
	</script>
</html>

在这里插入图片描述

版权声明：本文为qq_43145360原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。