全文查找匹配字符
来源:互联网 发布:始知锁向金笼听中的知 编辑:程序博客网 时间:2024/06/05 19:27
如上图,输入框输入查找的文字会进行匹配;
html:
<input type="text"><input type="button" value="查找"><p>计算机(computer)俗称电脑,是现代一种用于高速计算的电子计算机器...量子计算机等。</p>
css:
p {width: 200px;height: 350px;border: 4px solid #ccc;padding: 10px;}span {background-color: yellow;}//用于匹配的文字高亮
js:
var oP = document.getElementsByTagName('p')[0];var oInp = document.getElementsByTagName('input');oInp[1].onclick = function(){ var str = oInp[0].value; // 把要搜索的字符作为分割符 if(!str)return;//如果搜索框中没有任何字符那么直接返回 oP.innerHTML = oP.innerHTML.split(str).join('<span>'+str+'</span>');};
阅读全文
1 0
- 全文查找匹配字符
- 数据库查找匹配的字符
- linux 文件中查找匹配字符
- Elasticsearch 全文匹配查询
- 正则表达式,全文匹配
- 字符匹配:查找包含字符集的子串-和谐系统
- 查找数组中匹配的字符(串)的位置
- Excel中查找最後一個匹配字符的位置
- 全文替换字符
- 字符匹配
- 字符匹配
- 查找字符
- linux 全文查找、替换命令
- linux 全文查找和替换
- linux 全文查找和替换
- eclipse 全文搜索查找字符串
- 290. Word Pattern-leetCode(字符模式匹配)(简单,使用两组Map进行查找判断)
- 2 Elasticsearch全文检索和匹配查询
- keil中函数大括号怎样显示加减号
- Java序列化机制
- 登录功能通用测试用例设计
- 2017-8-18
- 进程的3种状态及转换情况(占坑)
- 全文查找匹配字符
- “面向对象”在JavaScript中的应用(下)
- 解析解【闭式解(closed-form solution)】和数值解
- hive 的常用语句整合
- 动态规划-打靶子/戳气球
- 更换pip源以及安装spyder3
- 面试题——格式化成人民币的格式
- 在Unity里点击按钮打开一个浏览器页面 点击关闭 关闭这个页面
- Android之实现动态自动匹配输入