Query the text in the table bound to the data island and modify the display mode js code_javascript skills

Copy code The code is as follows: function findAll (s){ if(s.length==0){ alert("Please enter the query keyword"); } s=encode(s); var TDs=document.all.DataT1.all.tags("TD"); var num=0; for(var i=0;i var tdObj=TDs[i]; var obj=tdObj.childNodes[0]; if(!obj.className || obj.className!="highlight"){ var t=obj.innerHTML .replace(/ ([^<>]*) /gi,"$1"); obj.innerHTML=t; var cnt=loopSearch(s,obj); t=obj.innerHTML; var r=/{searchHL}(({(?!/searchHL})|[^{])*){/ searchHL}/g; t=t.replace(r," $1 "); obj.innerHTML=t; num= num cnt; } } alert("Find keyword "num "at"); } function encode(s){ return s. replace(/&/g,"&").replace(/ /g,">").replace(/([\.*[] ()$^])/g,"\$1"); } function decode(s){ return s.replace(/\([\.*[]()$^] )/g,"$1").replace(/>/g,">").replace(/ } function loopSearch(s,obj){ var cnt=0; if(obj.nodeType==3){ cnt=replace(s,obj); return cnt; } for(var i=0,c;c=obj.childNodes[i];i ){ if(!c.className || c.className!= "highlight") cnt =loopSearch(s,c); } return cnt; } function replace(s,dest){ var r=new RegExp(s,"gi"); var tm=null; var t=dest.nodeValue; var cnt=0; var arr=new Array(); var a=""; var b=""; if(tm=t.match(r)){ cnt=tm.length; a=tm.toString (); arr=a.split(","); for(var i=0;i b="{searchHL}" arr[i] " {/searchHL}"; t=t.replace(r,b); dest.nodeValue=t; } return cnt; } &lt ;/script> .highlight{background:blue;font-weigh:bold;color:black;} There are two points to note in the above method: 1. Get the smallest unit of obj in findAll, otherwise the replacement will cause chaos. In practice, I realized that this is mainly related to the data island binding. Ordinary text does not need to be so careful. 2. The replace method splits tm into arrays, which is also related to tables. Ordinary text does not need to be split If it is ordinary text, it can be written as follows Copy code The code is as follows: function findAll(s){ if (s.length==0){ alert('The search keyword is not filled in! '); return false; } s=encode(s); var obj=document.getElementsByTagName("body")[0]; var t=obj.innerHTML .replace(/ ([^<>]*) /gi,"$1"); obj.innerHTML=t; var cnt=loopSearch(s,obj); t=obj.innerHTML var r=/{searchHL}(({(?!/searchHL})|[^{])*){/searchHL }/g t=t.replace(r," $1 "); obj.innerHTML=t; alert("Search to the keyword " cnt ") } function replace(s,dest){ var r=new RegExp(s,"g"); var tm=null; var t=dest.nodeValue; var cnt=0; if (tm=t.match(r)){ cnt=tm.length; t=t.replace(r ,"{searchHL}" decode(s) "{/searchHL}") dest.nodeValue=t; } return cnt; } html part Copy code The code is as follows: ID Name Desc 复制代码 代码如下: PCOMM11 caracter handle hkdlhglfghfkgfk PCOMM12 digital handle hkdlhglfghfkgfkgggg