웹페이지 검색어 마킹 정보
웹페이지 검색어 마킹
본문
자바스크립트 이용 웹페이지의 검색어를 노란색으로 마킹합니다.
<form id="f1" name="f1" action="javascript:void()">
<input type="text" id="t1" name="t1" size=20 style="width:150px; font-size:20px; border:1px solid #eee;">
<input type="button" value="검색" id="search_btn" style="font-size:16px; border:1px solid #eee; background-color:pink; padding:5px; color:white; border-radius:5px; cursor:pointer;">
</from>
<script>
var k;
var temp;
$(document).ready(function() {
$('#search_btn').on('click',function(){
k = $("#t1").val();
if (k != ''){
var text = $('.textbook').html();
$('.textbook').html(text.replaceAll(`${k}`, "<span class='textspot' style='background-color:yellow;'>" + `${k}` + "</span>"));
}
});
})
</script>
2
댓글 2개
추신 : </from> =>> </form>