[JavaScript]자바스크립트로 텍스트 하이라이트 처리 (검색)

var mystring = "hello world test world";
var find = "world";
var regex = new RegExp(find, "g");
mystring.replace(regex, "<span class='highlight'>" + find + "</span>"); // highlight class

위와 같은 코드에 highlight 클래스를 꾸미는 css 만 작성하면 된다.

 

ex) .highlight { font-weight : bold; color:#FF0000; }

 

출처 : https://stackoverflow.com/questions/542232/in-javascript-how-can-i-perform-a-global-replace-on-string-with-a-variable-insi/21148153

In Javascript, how can I perform a global replace on string with a variable inside '/' and '/g'?

글 출처 : https://etobang.tistory.com/19

자바스크립트로 텍스트 하이라이트 처리 (검색)