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

Posted

技术标签:

【中文标题】如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]【英文标题】:How to make a functional search box using javascript that searches text in html document [duplicate] 【发布时间】: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>

感谢每一个帮助

【问题讨论】:

只需遍历&lt;section&gt;中的文本并检查文本是否与您的输入值相同,如果是,突出显示它 【参考方案1】:

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

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

【讨论】:

以上是关于如何使用在html文档中搜索文本的javascript制作功能搜索框[重复]的主要内容,如果未能解决你的问题,请参考以下文章

Python中的HTMLParsercookielib抓取和解析网页从HTML文档中提取链接图像文本Cookies

mongodb文本搜索

如何在html添加一个搜索框和一个按钮?点击按钮,就搜索到框里的内容

如何使用 JavaScript 在 HTML 文档中插入文本?

从 html 文档中的合格 span 标签获取类值和文本

如何在 C# 中以编程方式搜索 PDF 文档 [关闭]