如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]答案

【问题标题】：How to make a functional search box using javascript that searches text in html document [duplicate]如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]
【发布时间】：2021-07-23 14:10:07
【问题描述】：

我有一个像这样的 html 文档，并希望搜索框中的文本在单击按钮的部分中突出显示。我该怎么做？

<html>
<head>
    <title>Document</title>
</head>

<body>
    <input type="text" id="search">
    <button>????</button>
    <section>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. In, eius voluptas non consectetur, quisquam, eum
    voluptate ipsam recusandae amet possimus hic animi. Exercitationem provident maiores aspernatur consequuntur
    modi laudantium? Iure iusto similique, deleniti fuga provident enim ullam! Eum assumenda facilis tempore
    corporis dignissimos inventore. Ipsum esse, numquam harum vero atque libero reiciendis magnte, quo vero.
    </section>
</body>
</html>

感谢每一个帮助

【问题讨论】：

只需遍历<section>中的文本并检查文本是否与您的输入值相同，如果是，突出显示它

标签： javascript html search-box

【解决方案1】：

我建议你找一些工具或库来为你做这件事。让它恰到好处可能很困难。可以是高级搜索，例如 Google 可编程搜索的实现，也可以是较小的搜索，例如 https://github.com/julmot/mark.js

那里有足够多的重新发明的轮子:)

【讨论】：