使用insertCell.innerHTML进行非加载结果

Question

出于某种原因，当我使用.innerHTML来更改单元格的文本时，代码永远不会停止并保持在最后一个语句中。我如何让代码运行它应该如何运行而不是在最后一个if语句中停止。

w3.filterHTML = function(id, sel, filter) {
var a, b, c, i, ii, iii, hit;
var searchItem = document.getElementById('search-list');
var row = searchItem.insertRow(0);
var rows = searchItem.rows.length;
var cell = row.insertCell(0);
a = w3.getElements(id);
for (i = 0; i < a.length; i++) {
  b = w3.getElements(sel);
  for (ii = 0; ii < b.length; ii++) {
  hit = 0;
  if (b[ii].innerHTML.toUpperCase().indexOf(filter.toUpperCase()) > -1) {
    hit = 1;
  }
  c = b[ii].getElementsByTagName("*");
  for (iii = 0; iii < c.length; iii++) {
    if (c[iii].innerHTML.toUpperCase().indexOf(filter.toUpperCase()) > -1) {
      hit = 1;
    }
  }
  //Here is what you need to edit.
  if (hit == 1) {
    // b[ii].style.display = "";
    console.log(filter);
    var row = searchItem.insertRow(0);
    var cell = row.insertCell(0);
    document.getElementById("search-list").insertRow(0).insertCell(0).innerHTML = '<a class="list-group-item" href="#">Hello</a>';
  } else {
    // searchItem.b[ii].style.display = "none";
  }
}

} }; `

我从W3Schools（filterHTML函数）复制了代码。