题解 | #字体高亮#

字体高亮

https://www.nowcoder.com/practice/1b7437b538af4689b1509db2068abe55

{"html":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n    <head>\r\n        <meta charset=\"UTF-8\">\r\n    </head>\r\n    <body>\r\n        <input type=\"text\">\r\n        <button style=\"margin-right: 80px\">查询</button>\r\n        <div class=\"text\" style=\"margin-top: 70px\">\r\n            牛客网隶属于北京牛客科技有限公司,牛客网成立于 2014 年 9 月,是以科技和创新驱动的教育科技公司。牛客网坚持以前沿技术服务于技术、以人工智能和大数据提升学习效率,专注探索在线教育创新模式,致力于为技术求职者提供能力提升解决方案,同时为企业级用户提供更高效的招聘解决方案,并为二者搭建桥梁,构建从学习���职业的良性生态圈。\r\n    发展至今,牛客网在技术类求职备考、社群交流、企业招聘服务等多个垂直领域影响力均在行业中遥遥领先,产品矩阵包括IT题库、在线编程练习、线上课程、交流社区、竞赛平台、笔面试服务、ATS系统等,用户覆盖全国高校百万IT学习者并在高速增长中,同时也为京东、百度、腾讯、滴滴、今日头条、华为等200多家企业提供校园招聘、编程竞赛等线上服务,并收获良好口碑。\r\n        </div>\r\n\r\n        <script>\r\n            var text = document.querySelector(\".text\");\r\n            var search = document.querySelector(\"input\");\r\n            const btn = document.querySelector(\"button\");\r\n            btn.onclick = () => {\r\n                // 补全代码\r\n                let ext = text.innerText;\r\n                let reg = `${search.value}`\r\n                let regs = new RegExp(reg,'g');\r\n                console.log(regs)\r\n                text.innerHTML = ext.replace(regs,function($0){\r\n                    return `<span style=\"background:yellow\"><b>${$0}</b></span>`\r\n                })\r\n            }\r\n        </script>\r\n    </body>\r\n</html>","css":"/* html, body {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n} */","js":"// 请在这里输入代码"}

全部评论
正则真香
点赞 回复
分享
发布于 2023-07-21 17:03 广东

相关推荐

1 收藏 评论
分享
牛客网
牛客企业服务