0

是否可以在 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?
    }
}
4

2 回答 2

2

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

location.hash = rowData;

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

于 2013-03-04T16:58:20.157 回答
1

我能够通过使用scrollIntoView()来实现这一点。

于 2013-03-04T17:05:40.720 回答