JS根据文本框内容匹配并高亮显示

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">function SearchCompare() {// 获取搜索字符串var searchText = document.getElementById("SearchCompare.Text").value;// 根据开始和结束标记来进行循环var begin = 1;var end = 7;for (var i = begin; i < end; i++) {// 拼接Element元素的名称var itemName = "li" + i;var itemContent = document.getElementById(itemName).innerText;if(itemContent.indexOf(searchText) > -1){// 设置该元素的背景色为红色document.getElementById(itemName).style.backgroundColor="#f00";}}alert(document.getElementById("SearchCompare.Text").value);}</script></head><body><input type="text" id="SearchCompare.Text" /><input type="button" id="SearchCompare.Button" value="查找" οnclick="SearchCompare()" /><ul>张三<li><a href="#" id="li1">AB</a></li><li><a href="#" id="li2">BC</a></li><li><a href="#" id="li3">CC</a></li><li><a href="#" id="li4">DA</a></li><li><a href="#" id="li5">EA</a></li><li><a href="#" id="li6">FCB</a></li></ul></body></html>

JS根据文本框内容匹配并高亮显示相关推荐

js 复制文本框内容
ElementObj.select();//选中input框或textarea文本域的内容 document.execCommand("Copy");// 执行浏览器复制命令说明 ...
html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中 ...
JS实时检测文本框内容长度
通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景. HTML部分: <input id="Text1" type="text" οn ...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
[事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
js实现的文本框内容发生改变立马触发事件简单介绍: 本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入 ...
input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo
input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo <!DOCTYPE HTML> <html lang="en"> & ...
本节作业之显示不同问候语、显示密码、关闭二维码、循环精灵图背景、显示隐藏文本框内容、密码框格式提示错误、京东关闭广告、新浪下拉菜单、开关灯、换肤、表格隔行变色、表单取消全选、tab栏切换、发布删除留言
本节作业之显示不同问候语.显示密码.关闭二维码.循环精灵图背景.显示隐藏文本框内容.密码框格式提示错误.京东关闭广告.新浪下拉菜单.开关灯.换肤.表格隔行变色.表单取消全选.tab栏切换.发布删除留言 ...
python tkinter输入框_python TKinter获取文本框内容的方法
python TKinter获取文本框内容的方法更新时间:2018年10月11日 11:36:08 作者:biubiuzzz 今天小编就为大家分享一篇python TKinter获取文本框内容的方法 ...
html文本框自动赋值,js给文本框赋值 value与innerHTML
赋值操作: document.getElementById("testId").value="hello"; value与innerHTML的区别上面的val ...

JS根据文本框内容匹配并高亮显示

JS根据文本框内容匹配并高亮显示相关推荐

最新文章

热门文章