Как сфокусироваться на строке в таблице HTML?

Question

Можно ли сфокусироваться на определенной строке/ячейке таблицы HTML с помощью Javascript? Например, если эта строка после сброса браузера, браузер будет прокручиваться вниз до строки при фокусировке.

У меня есть код 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 (либо динамически или статически в зависимости от ваших потребностей), который соответствует содержанию, а затем использовать URI фрагменты, чтобы сосредоточиться на нем. Вы можете в основном использовать свой текущий код и использовать

location.hash = rowData; 

Если содержимое соответствует введенному пользователю. Конечно, это будет громоздко, если у вас есть целые предложения в строке, на которой вы хотите сосредоточиться, но для простой таблицы это сработает.

Answer 2

Я смог достичь этого, используя scrollIntoView().