问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

javascript 如何高亮匹配到到的关键字

发布网友 发布时间:2022-04-07 06:52

我来回答

1个回答

热心网友 时间:2022-04-07 08:22

用这个代码就可以了。

<!DOCTYPE html>

<html>

<head>

<div id="content">

苹果含有丰富的糖类、维生素、微量元素以及水溶性食物纤维和有机酸,是人们公认的健康之果。不仅如此,苹果还具有天然的怡人香气,这种清香气味对于人体来说,有舒缓压力、提神醒脑的功效,而苹果中充足的矿物质硼,也同样可以使困倦的大脑快速恢复清醒状态。喝杯咖啡不如吃个苹果的道理就正在于此了

</div>

<input type="text" id="text" placeholder="请输入关键字"/>

<input type="button" id="button" value="确定"/>

<script>

var content = document.getElementById("content");

var contents = content.innerHTML;

var text = document.getElementById("text");

var button = document.getElementById("button");

button.onclick = function() {

var value = text.value;

var values = contents.split(value);

content.innerHTML = values.join('<span style="background:#ff0000;">' + value + '</span>');

};

</script>

</body>

</html>

效果如下:

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
人教版小学英语课本哪里能下载到MP3 小学英语同步听力音频去哪里找 去陆丰旅行,要提前做好什么准备? 请教高手:苹果6s能不能安装两个微信?谢谢指点! 对于一个在女性内衣店工作的男性,你们怎么看待 ...湖是世界最深和蓄水量最大的咸水湖 B.死海是世界最低点 C.马来群 ... ...世界最大的湖泊___世界上人口最多的国家___世界上面积最大... 世界最深和蓄水量最大的湖是什么?世界最低点是哪?世界面积最大的高原... 尚赫净水器滤芯 如何清洗尚赫 电脑开机密码怎么取消,点用户账户更改密码提示密码不满足密码策略要求 怎么给电脑组策略设密码? 在修改电脑开机密码时,会显示“您输入的密码不满足密码策略的要求”,这是怎么会事情?? 怎么修改电脑开机密码长度 win7密码策略被禁用 无法修改 怎么取消 电脑设置开机密码的策略要求是什么 win10如何强制定期更改电脑登录密码 2004年农历十月初九十点多出身男孩子是什么命?一生运势如何? 有没有哪个功能可以把我要浏览网页里的关键字高亮显示出来? 什么是股指期货?如何操作? 梦到死人复活变成和尚 梦见一个和尚在棺材里照料另一个死了的和尚 梦见圆寂的和尚,坟墓 梦见和尚死了再火化 梦见去庙里和尚死了又活了追着我跑 梦见寺庙里d和尚全死了什么意思 我朋友梦见她看见和尚去世 昨天晚上做梦,梦见一个僧人死了,这是什么寓意 连续几天梦见很多死和尚,场面很残,寻高人解梦。 我是做外贸的,每次给客户回了邮件,都没了下文了,我想问一下,如何跟进这样的客户? 进地垫用什么材质的好,你们家用什么样的进地脚垫? 鱿鱼肚子里的小圆籽能吃么? 入户门外放什么颜色的脚踏垫好 漳州各县小吃! 石码有哪些美味小吃? 索尼c6802型号摄像头那里有卖 鱿鱼仔里面的籽是人工放的吗 放在门口的垫子叫什么 索尼imx260摄像头的规格? 黑帮 堂口的名字 多写 要好听的!最好是有特殊含义的! 门口入户门里面的地垫用鱼的图案好吗? 出马堂口要起名吗?我立了一个出马堂口。想起一个好听的名字。请各位大师帮忙。 鱿鱼肚子里有个白色包,以为是鱼籽,炒熟后,变成一条一条很细的半透明的东西。。是虫子还是鱼籽? 门口地垫风水有哪些讲究 帮我的帮会堂口起个名字呀。。 opporeno6摄像头传感器型号 出马堂口堂单上面的名字有那些 鱿鱼籽用凉水煮还是用开水煮? 游戏 精武堂 帮忙给帮派起5个堂口的名字 vivox23幻彩版后置摄像头是什么型号的?是不是索尼?还是什么其它品牌?求大神解答