如何关注HTML表中的行？

Question

是否可以在Javascript的帮助下专注于特定的HTML表格行/单元格？例如，如果此行在浏览器折叠之后，那么浏览器将在焦点处向下滚动到该行。

我有一些JS代码在HTML表中搜索用户的字符串输入。我希望这个代码能够专注于这个单词（如果找到它）（Safari / Chrome浏览器）。

var targetTable = document.getElementById("accountTable");

for (var rowIndex = 1 + searchStart; rowIndex < targetTable.rows.length; rowIndex++)
{
    var rowData = '';
    rowData = targetTable.rows.item(rowIndex).cells.item(0).textContent;
    if (rowData.indexOf(str) != -1)
    {
                //focus on the row?
    }
}

Answer 1

您可以为每一行提供一个HTML ID（动态或静态，具体取决于您的需要），该ID与内容匹配，然后使用URI片段来关注它。您基本上可以使用当前代码并使用

location.hash = rowData;

如果内容与用户输入匹配。如果你想要关注的行中有完整的句子，这当然会很麻烦，但对于一个简单的表格，它会起作用。

Answer 2

我可以使用scrollIntoView()来实现这一目标。