2021-08-10 input获取用户信息，动态创建用户信息表

input获取用户信息，动态创建用户信息表

请输入姓名:
请输入邮箱:    
请输入地址:

	  <table border="1" cellpadding="0" cellspacing="0" id="tb">
		<thead>
		  <tr>
			<th>姓名</th>
			<th>邮箱</th>
			<th>地址</th>
		  </tr>
		</thead>
		<tbody id="tbd">
		</tbody>
</main>
<script>
	 btn.onclick = function () {

	var uname = document.getElementById('uname')
	var email = document.getElementById('email')
	var adress=document.getElementById('adress')
	if(uname.value == '' || email.value == ''||adress.value==''){
		alert('请将数据填入完全')
	    return;
	}

    var trObj = document.createElement('tr');
    // 行
	var tbd=document.getElementById('tbd')
	tbd.appendChild(trObj);
    // 列
    var td1 = document.createElement('td');
    var td2 = document.createElement('td');
	var td3 = document.createElement('td');
	td1.innerHTML = uname.value;
    td2.innerHTML = email.value;
	td3.innerHTML = adress.value;
    trObj.appendChild(td1);
    trObj.appendChild(td2);
	trObj.appendChild(td3);
};

	
	
</script>

```