<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#user_table{
border: 1px solid black;
width: 500px;
border-collapse: collapse;
}
#user_table th,
#user_table td{
border: 1px solid black;
text-align: center;
}
#from_div{
border: 1px solid black;
width: 500px;
margin-top: 20px;
}
</style>
</head>
<body>
<table id="user_table">
<thead>
<th>姓名</th>
<th>年龄</th>
<th>薪资</th>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>34</td>
<td>2455</td>
<td>
<a href="javascript:;">删除</a>
</td>
</tr>
<tr>
<td>张三</td>
<td>34</td>
<td>2455</td>
<td>
<a href="javascript:;">删除</a>
</td>
</tr>
<tr>
<td>张三</td>
<td>34</td>
<td>2455</td>
<td>
<a href="javascript:;">删除</a>
</td>
</tr>
</tbody>
</table>
<div>
<h2>添加新员工</h2>
<table>
<tr>
<td id="word">姓名</td>
<td class="input">
<input type="text"id='from_name'>
</td>
</tr>
<tr>
<td id="word">年龄</td>
<td class="input">
<input type="text"id='from_age'>
</td>
</tr>
<tr>
<td id="word">薪资</td>
<td class="input">
<input type="text"id='from_money'>
</td>
</tr>
<tr>
<td >
<button id="addbtn">提交按钮</button>
</td>
</tr>
</table>
</div>
<script>
//删除
let allA=('a')
//获取一个合集，然后遍历它们每一个删除
for(let allkey of allA){
=function(){//绑定点击事件
let allA=this
//找到父元素删除
let tr=
(tr)
//删除前判断
let username=[0].innerHTML //获取要删的
if(confirm(`您确定要删除${username}么`)){
// ('tr')
(tr)//这里是变量不需要写引号
}
}
//添加用户信息
//获取，添加按钮
let addbtn=('addbtn')
=function(){//绑定点击事件
//获取填写的信息
let names=('from_name').value
let ages=('from_age').value//获取信息的值
let moneys=('from_money').value
//1将我们的输入的内容添加到user_table的tr中
let tr=('tr')//创建tr
let nametd=('td')//创4个td
let agetd=('td')
let moneytd=('td')
let atd=('td')
let a=('a')//创建td的a
//2创建文本节点 里面放你的值
let nametext=(names)
let agetext=(ages)
let moneytext=(moneys)
let deletext=('删除')
//3创建的节点添加到td里
(nametext)
(agetext)
(moneytext)
(deletext)//添加删除给a标签
(a)//把a添加到td里
//4.将td添加到tr里
(nametd)
(agetd)
(moneytd)
(atd)
//5.还没给超连接添加href属性呢！
='javascript:;'
=function(){
let allA=this
let tr=
let username=[0].innerHTML
if(confirm(`你确定要删除&{username}吗`)){
(tr)
}
}
//继续往table塞，将tr添加到tbody中，先获取哦！
let user_table=('user_table')
let tbody=user_table.getElementsByTagName('tbody')[0]
(tr)
}
}
</script>
</body>
</html>