这篇博客详细讲解了如何使用JavaScript实现动态表格的创建。用户在输入框输入ID、姓名和电话后，点击保存按钮，内容会被添加到表格的最后一行。同时，每行末尾有一个删除链接，点击该链接会删除对应的行。示例代码中包含了添加和删除行的完整逻辑。
1, 动态表格的创建, 在输入框中输入内容后，点击保存则在表格末尾添加一条记录, 点击删除则会删除对应行的记录
<body>
<input type="text" placeholder="ID值">
<input type="text" placeholder="姓名">
<input type="text" placeholder="电话">
<button οnclick="save()">保存</button>
<table border="1px" id="tableBox">
<tr>
<th>id</th>
<th>name</th>
<th>Tel</th>
<th>操作</th>
</tr>
</table>
<script>
function save(){
var inps = document.getElementsByTagName('input')
var tr = document.createElement('tr') //创建td
fo
最低0.47元/天 解锁文章
5783
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
