js实现增删改查

-杨杨-

于 2017-05-14 18:42:51 发布

阅读量1.4k

点赞数 1

分类专栏：前端文章标签： javascript 注释

本文链接：https://blog.csdn.net/yang_tang/article/details/72049457

版权

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

摘要由CSDN通过智能技术生成

用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