<style>
	button	{margin-bottom:1em;}
	.appchi	{padding:1em;}
	.appchi div	{margin:1em; padding:10px;}
	#appchi_div01	{border:dotted 1px red; padding:1em;}
	#appchi_div02	{border: dotted 1px blue; margin:1em;}
</style>
<script>
	function func_appchi(){
		var v_appchi = document.createElement('div');
		v_appchi.setAttribute ('id','appchi_div02');
		v_appchi.innerHTML = "子要素";
		var v_appchi_div01 = document.getElementById('appchi_div01');
		v_appchi_div01.appendChild(v_appchi);
	}
</script>
<div class="appchi">
	<div id="appchi_div01">親要素</div>
	<button onclick="func_appchi();">button</button><br/>
	ボタンを押すと要素が生成されます。
</div>