js - 특정 문자열에 칼라주기.

-replace, replaceAll(문자열A,문자열B) 

ex) 문자열C.replace(문자열A,문자열B); 은   ,  문자열C내부의 문자열A를 문자열B로 치환하여  결과를 반환합니다.

 

-innerHTML

문자열내에 html태그가 있을 경우 , html태그는 HTML로 파싱하여준다.

 

하단은 통합검색시 이용하는 자바스크립트 명령어로 , 입력한 텍스트(inputText)를 색칠 해준다.

function colorizeText(inputText, inputType) {
    /*select specified things*/
    var items;
    if (inputType == "subject") {
        items = document.getElementsByClassName("subject");
    } else if (inputType == "all") {
        items = document.getElementsByClassName("all");
    } else if (inputType == "name") {
        items = document.getElementsByClassName("name");
    } else {
        return;
    }
 
    for (var i = 0; i < items.length; i++) {
        var item_text = items[i].textContent;
        item_text = item_text.replaceAll(inputText,
                '<span style="background-color:#F4F895;">'
                        + inputText + '</span>');
        items[i].innerHTML = item_text;
    }
}