>  기사  >  웹 프론트엔드  >  js text content_javascript 기술의 하이라이트 효과를 구현하는 방법

js text content_javascript 기술의 하이라이트 효과를 구현하는 방법

WBOY
WBOY원래의
2016-05-16 17:30:501414검색
코드 복사 코드는 다음과 같습니다.

//검색된 키워드 강조 표시
함수 HeightLight( 키워드)
{
//텍스트 선택기
var TextRange;
//발견 여부
var Found=false;
//발견 횟수
var Count = 0;
TextRange = document.body.createTextRange();
Found = TextRange.findText(키워드);
if (Found)
{
개수 ;
}
while (Found && Count > 0)
{
TextRange.pasteHTML('' 키워드 '');
// 스크롤 막대가 처음 발견된 뷰포트 범위 내에 위치합니다
if(Count==1)
{
TextRange.scrollIntoView();
}
//계속 검색
Found = TextRange.findText(Keyword);
if (!Found)
{
Count = 0;
}
else
{
Count ;
}
}
}
//정규식 방법
function highLight(ele,keys)
{
var reg = new RegExp("(" key.replace(/,/ , "|") ")","g");
ele.innerHTML = ele.innerHTML.replace(reg,"$1")
}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.