demo

by xu xiaofei

HTML

<div id='wraper'>
  
  
</div>
<button id='addBtn'>add</button>
<button>remove</button>

JavaScript

var wraper = document.getElementById('wraper')
var data = [
{id:'1',name:'xman',age:'1000'},
{id:'2',name:'yman',age:'2000'},
{id:'3',name:'zman',age:'3000'}
]
function render(){
	wraper.innerHTML = '';
	for(var i=0;i<data.length;i++){
    var outer = document.createElement('div');
    outer.innerHTML = data[i].id+data[i].name+data[i].age;
    wraper.appendChild(outer)
	}
}

document.getElementById('addBtn').addEventListener('click',function(){
		data.push({
  	id:'1',
    name:'noone',
    age:'0'
  })
  render()
})



window.onload=render();