DOC：表格的模糊查询

最新推荐文章于 2024-07-02 11:41:42 发布

浮生途

最新推荐文章于 2024-07-02 11:41:42 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/jy123_123/article/details/89251606

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文探讨了如何在文档（DOC）中实现表格的模糊查询功能，通过使用特定的搜索算法，提高在大量表格数据中查找特定信息的效率。这种方法适用于处理大量结构化数据，帮助用户快速定位所需内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload=function (ev) {
            var oTad=document.getElementById("tab1");
            var oTxt=document.getElementById("name");
            var oBtn=document.getElementById("btn1");
            oBtn.onclick=function (ev2) {
              for (var i=0; i<oTad.tBodies[0].rows.length;i++){
                  var Stab=oTad.tBodies[0].rows[i].cells[1].innerHTML.toLowerCase();
                  var sText=oTxt.value.toLowerCase();
                  var arr=sText.split(" ");
                  oTad.tBodies[0].rows[i].style.background="";
                  for (var j=0;j<arr.length;j++){
                      if (Stab.search(arr[j])!=-1){
                          oTad.tBodies[0].rows[i].style.background="yellow";
                      }
                  }



                }
            }


        }

    </script>

</head>
<body>
姓名：<input id="name" type="text">
<input id="btn1" type="button" value="搜索">
<table id="tab1" border="1" width="200" cellspacing="0" cellpadding="0">
    <thead>
    <td>id</td>
    <td>姓名</td>
    <td>年龄</td>
    <td>操作</td>
    </thead>
    <tbody>
    <tr><td>1</td>
        <td>bsss</td>
        <td>21</td>
        <td></td>
    </tr>
    <tr><td>2</td>
        <td>钱二</td>
        <td>21</td>
        <td></td>
    </tr>
    <tr><td>3</td>
        <td>张三</td>
        <td>12</td>
        <td></td>
    </tr>
    <tr><td>4</td>
        <td>李四</td>
        <td>12</td>
        <td></td>
    </tr>
    <tr><td>5</td>
        <td>周五</td>
        <td>12</td>
        <td></td>
    </tr>
    <tr><td>6</td>
        <td>郑六</td>
        <td>12</td>
        <td></td>
    </tr>

    </tbody>
</table>
</body>

</html>