搜索HTML和ScrollTo

Question

所以我有一份包含2000多个条目的文件清单。我想添加某种形式的搜索功能。显然，我有一个输入栏，但是我如何编写搜索页面的JavaScript和ScrollTo到那个位置？

Answer 1

循环浏览要搜索的元素。递归遍历子节点并使用正则表达式搜索每个节点，可能类似于/\bTERM\b/。

当找到一个时，找到它的偏移位置，然后scrollTo()偏移。

Answer 2

您可以使用window.find和range.findText

<input id="search" >
<input type="button" value="search" onclick="fx(document.getElementById('search'))">
<script type="text/javascript">
<!--
function fx(o)
{ 
  var _o=o;
  if(window.find)
  { 
    _o.style.visibility='hidden';
    setTimeout(function(){window.find(_o.value);_o.style.visibility='visible';},10);
  }
  else if(document.body.createTextRange)
  {
    var rng=document.body.createTextRange();
        rng.findText(o.value);
        rng.select();
  }
}
//-->
</script>