Mr.J--Javascript表格创建模糊搜索关键词搜索

End_less__

于 2018-08-23 18:05:37 发布

阅读量322

点赞数 1

分类专栏： Javascript学习

本文链接：https://blog.csdn.net/Ms_yjk/article/details/81985259

版权

这篇博客介绍了如何使用JavaScript创建表格，并实现了表格的变色、高亮、添加、删除功能。重点讲解了表格的模糊搜索和关键词搜索，提供了一段完整的代码示例，展示了搜索功能的运行效果。

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

本文章主要是了解js制作表格，不过现在前端一般都是用div+CSS布局，所以有兴趣的可以了解一下这种思想。在我们现实生活中表格是非常普遍的，也是非常好用的，现在我们有Excel,Word，WPS也可以来制作表格。（为什么说table表格布局不好？）

制作表格：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<!--
                	作者：2538808265@qq.com
                	时间：2018-08-23
                -->
<body>
<table id="tab1" border="1" width="500">
	<thead>
    	<td>ID</td>
    	<td>姓名</td>
    	<td>年龄</td>
    </thead>
    <tbody>
    	<tr>
        	<td>1</td>
        	<td>Blue</td>
        	<td>27</td>
        </tr>
    	<tr>
        	<td>2</td>
        	<td>张三</td>
        	<td>23</td>
        </tr>
    	<tr>
        	<td>3</td>
        	<td>李四</td>
        	<td>28</td>
        </tr>
    	<tr>
        	<td>4</td>
        	<td>王五</td>
        	<td>25</td>
        </tr>
    	<tr>
        	<td>5</td>
        	<td>张伟</td>
        	<t