이 기사의 예에서는 JS가 테이블 데이터에 대한 다양한 검색 기능을 구현하는 방법을 설명합니다. 대소문자, 퍼지 검색, 다중 키 검색을 무시할 수 있습니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <br> window.onload=function(){<br> var oTab=document.getElementById("tab");<br> var oBt=document.getElementsByTagName("input");<br> oBt[1].onclick=function(){<br> for(var i=0;i<oTab.tBodies[0].rows.length;i )<br /> {<br /> var str1=oTab.tBodies[0].rows[i].cells[1].innerHTML.toUpperCase();<br /> var str2=oBt[0].value.toUpperCase();<br /> //string.toUpperCase()(문자열의 모든 문자를 대문자로 변환) 또는 string.toLowerCase()(문자열의 모든 문자를 소문자로 변환) 사용 <br /> //소위 대소문자 무시 검색은 사용자가 입력한 모든 문자열을 대문자 또는 소문자로 변환한 후, 정보 테이블의 문자열을 모두 대문자 또는 소문자로 변환하고 최종적으로 둘 사이의 변환된 문자를 비교하는 검색입니다.<br /> /***********************************대소문자 검색을 무시하는 테이블의 JS 구현********** ******** *******************/<br /> If(str1==str2){<br /> oTab.tBodies[0].rows[i].style.Background='red';<br /> }<br /> 그 외{<br /> oTab.tBodies[0].rows[i].style.Background='';<br /> }<br /> /*********************************JS는 테이블의 퍼지 검색을 구현합니다************ ******* **************************/<br /> //테이블의 퍼지 검색은 string1.search(string2) 형식을 사용하여 JS의 search() 메서드를 통해 이루어집니다. if <br /> //사용자가 입력한 문자열이 하위 문자열인 경우 주 문자열에서 하위 문자열의 위치를 반환하고, 일치하지 않으면 -1을 반환하므로 연산은 다음과 같습니다 <br /> If(str1.search(str2)!=-1){oTab.tBodies[0].rows[i].style.Background='red';}<br /> else{oTab.tBodies[0].rows[i].style.Background='';}<br /> /*********************************JS는 테이블의 다중 키워드 검색을 구현합니다********* ***********************/<br /> //테이블의 다중 키워드 검색, 사용자가 입력한 여러 개의 키워드를 공백으로 구분하여 추가하고, 분할 메소드를 사용하여 공백을 기준으로 긴 문자열을 문자열 배열로 분할합니다. <br /> //그런 다음 루프를 사용하여 컷 배열의 하위 문자열을 정보 테이블의 문자열과 비교합니다 <br /> var arr=str2.split(' ');<br /> for(var j=0;j<arr.length;j )<br /> {<br /> If(str1.search(arr[j])!=-1){oTab.tBodies[0].rows[i].style.Background='red';}<br /> }<br /> }<br /> }<br /> }<br /> 머리> 이름: ID 이름 나이 머리> <본체> 1 파란색 15 2 미쿄 26 3 약함 24 4 하늘 35 5 이思 18 본체> 테이블> 본문>