html表格标题数据的javascript数据搜索不显示

我创建表并搜索选项代码get form 我的表格多了一行，表格数据更清晰

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name OF LOCO">

<table id="myTable" class="table table-striped" align="center" style="text-align:center;">

  <tr class="header">
    <th style="text-align:center;" rowspan="2">Loco</th>
    <th style="text-align:center;" rowspan="2">TFR</th>
    <th style="text-align:center;" rowspan="2">TRCTION MOTOR</th>
    <th  style="text-align:center;" colspan="3">Starting Current(Amps)</th>
    <th style="text-align:center;" rowspan="2">Countinuous Current</th>
  </tr>

  <tr class="header">
    <td>2 min</td>
    <td>10 min</td>
    <td>60 min</td>
  </tr>
  <tr>
    <td>WAP 1</td>
    <td>HETT 3900</td>
    <td>TAO 659</td>
    <td>1100</td>
    <td>1000</td>
     <td>840</td>
    <td>750 Amps</td>
  </tr>

  <tr>
    <td>WAP4</td>
    <td>HETT 5400</td>
    <td>HS 10250</td>
    <td>1250</td>
    <td>1100</td>
     <td>960</td>
    <td>900 Amps</td>
  </tr>

  <tr>
    <td>WAM4 6P</td>
    <td>HETT 3900</td>
    <td>TAO 659</td>
    <td>1100</td>
    <td>1000</td>
     <td>840</td>
    <td>750 Amps</td>
  </tr>
  </table>

机车
TFR
交流电动机
启动电流（安培）
连续电流
2分钟
10分钟
60分钟
WAP 1
赫特3900
陶659
1100
1000
840
750安培
WAP4
赫特5400
HS 10250
1250
1100
960
900安培
WAM4 6P
赫特3900
陶659
1100
1000
840
750安培

这是我的表格和搜索代码

 <script>
function myFunction() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[0];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }       
  }
}
</script>

函数myFunction（）{
var输入、过滤器、表格、tr、td、i、TXT值；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
}否则{
tr[i].style.display=“无”；
}
}       
}
}

正常情况下是可以看到的 [ 异常/当我搜索类似的东西时

---

现在搜索时间数据显示，但它显示，但它是从span行开始的。请帮助请输入此代码

函数myFunction（）{
var输入、过滤器、表格、tr、td、i、TXT值；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“tbody”）；
tr=table.getElementsByClassName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
}否则{
tr[i].style.display=“无”；
}
}       
}
}

机车
TFR
交流电动机
启动电流（安培）
2分钟
10分钟
60分钟
连续电流
WAP 1
赫特3900
陶659
1100
1000
840
750安培
WAP 2
赫特3900
陶659
1100
1000
840
750安培
WAP 3
赫特3900
陶659
1100
1000
840
750安培

你能澄清你的问题吗？你到底想在这里做什么解释。结果显示在标题后。当我搜索标题时，显示标题中的数据。你想删除标题吗？是的，现在我添加了我表格的正常外观，以便理解当我键入搜索时，它显示在标题上，为什么你在表格中放置两个不同的标题？？