0

Javascript の助けを借りて、特定の HTML テーブルの行/セルに集中することは可能ですか? たとえば、この行がブラウザーの折りたたみの後にある場合、ブラウザーはフォーカス時に行までスクロールダウンします。

HTML テーブルでユーザーの文字列入力を検索する JS コードがあります。このコードが見つかった場合は、この単語に焦点を当てたいと思います (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 に答える