简单
技术面试0 次浏览

携程的搜索功能很重要,当用户输入关键词时,需要对搜索结果进行高亮显示。请用 CSS 和 JavaScript 实现一个简单的搜索结果高亮功能。

携程前端工程师
CSSJavaScript搜索高亮

答题要点

推荐答题框架:采用分层分析法,先分析需求,再分别从 CSS 和 JavaScript 角度实现。关键要点:1. 分析需求,明确要对搜索结果中的关键词进行高亮。2. CSS 部分,定义高亮样式,如设置背景颜色等。3. JavaScript 部分,获取搜索关键词和搜索结果元素,遍历结果元素,使用正则表达式替换关键词为带有高亮样式的标签。4. 应用样式,将替换后的 HTML 内容重新赋值给结果元素。示例思路:先在 CSS 中定义好高亮的样式,比如设置背景为黄色。然后在 JavaScript 里,获取用户输入的关键词和搜索结果元素,使用正则表达式将关键词替换为带有高亮样式的标签,最后将替换后的内容重新显示在页面上。