Javascript HTML表格搜索单个单元格

我一直在寻找一个代码来搜索表和显示单个单元格。我一直在试着做我自己的，最终发现了一个完美的作品，除了一件事。当搜索栏清空时，它会显示第一个单元格，我不知道如何使它返回到显示整个表格

这是代码，非常感谢您的帮助

var cells=document.querySelectorAll（“#myTable td”）；
var search=document.getElementById（“myInput”）；
search.addEventListener（“keyup”，function（））{
对于（变量i=0；i

自闭症
数字减影
123
321
412
124
因此，要确保搜索为空时表返回其默认状态，请添加一条if语句，检查搜索栏是否为空。如果该栏为空，则将所有表格元素设置回使用正常的
表格单元格
样式显示


var cells=document.querySelectorAll（“#myTable td”）；
var search=document.getElementById（“myInput”）；
search.addEventListener（“keyup”，function（））{
对于（变量i=0；i

自闭症
数字减影
123
321
412
124
当输入框中未输入任何内容（长度为零或空字符串）时，您需要使表格中的所有单元格再次可见。
这是一本书

和更新功能：


var cells=document.querySelectorAll（“#myTable td”）；
var search=document.getElementById（“myInput”）；
search.addEventListener（“keyup”，function（））{
如果（search.value.length>0&&search.value！=''）{
对于（变量i=0；i

自闭症
数字减影
123
321
412
124
当您需要重置任何平台上的所有项目时，通常最好执行一揽子重置至原始状态：

search.addEventListener('keyup', function()
{
    if (search.value.length > 0 && search.value != '')
    {
        for (var i = 0; i < cells.length; ++i)
        {
            if(cells[i].textContent.toLowerCase().indexOf(search.value.toLowerCase()) === 0)
            {
                cells.forEach(function(element)
                {
                    element.style.display = 'none';
                });
                cells[i].style.display = 'table-cell';
                break;
            }
            else
            {
                cells.forEach(function(element)
                {
                    if (cells[i] !== element)
                    {
                        element.style.display = 'table-cell';
                    }
                });
            }
        }
    }
    else
    {
        cells.forEach(function(element)
        {
            if (cells[i] !== element)
            {
                element.style.display = 'table-cell';
            }
        });
}

search.addEventListener（'keyup'，function（）
{
如果（search.value.length>0&&search.value！=''）
{
对于（变量i=0；i
请检查以下内容：