在页面/元素小部件上查找JavaScript



javascript中是否有一个小部件或函数复制了浏览器"在页面上查找"的功能?我希望用户输入搜索输入,然后找到每个出现的值和突出显示。还包括找到的 # of # 以及下一个和上一个按钮。如果有一个小部件,那就太好了。如果不是,也许函数可以找到多次出现的字符串?

在页面上查找

您可以使用 Window.find 搜索页面上的任何元素。基本上你在 DOM 中搜索,窗口是父对象。

<form action=""  id="form2">
<div>
<input type="text" id="search">
<input type="button" id="submit_form" onclick="checkInput()" value="Submit">
</div>
</form>
function checkInput() {  
var query =document.getElementById('search').value;  
window.find(query);
return true;
}

检查这个。必需的字符串带有下划线。

<!doctype html>

包含演示

约翰·雷西格乔治·马丁马尔科姆·约翰·辛克莱J. 欧恩$( "div:contains('John')" ).css( "text-decoration", "underline" );

最新更新