js实现增删改查

最新推荐文章于 2023-09-15 11:36:57 发布

原创

最新推荐文章于 2023-09-15 11:36:57 发布 · 1.5k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #注释

这篇博客介绍了如何使用JavaScript实现HTML表格中的增删改查功能。通过创建函数submitValue()进行数据提交，生成随机ID并插入新行；reset()重置输入框信息；delText()根据行ID删除行；checkValue()实现查询功能，比较表格数据与查询值并显示/隐藏相应行。

用js实现增删改查，对于我而言，还是有点难度的，但是代码都看明白了，只是修改还没有实现，正在努力补充中，而代码的详细解释我在下面代码中也做了相应的注释。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>增删改查</title>
    <script language="javascript">  
          /**  
          * 提交信息  
          */  
          function submitValue(){  
            var trId=Math.random();  //产生一个随机数作为这一行的id  
            var table = document.getElementById("displayText");  //如需从JavaScript访问某个HTML元素，可以使用 document.getElementById(id) 方法。
            var name = document.getElementById("name").value.trim();  
            var sex = document.getElementById("sex").value.trim();  
            var age = document.getElementById("age").value.trim();  
            var telephone = document.getElementById("telephone").value.trim();  
            row = table.insertRow();   //增加行