태그 안에서 문자열 찾기

그물터 관리/JavaScript 2022/06/27 11:55 글쓴이 : 팥알

HTML 문서의 <html>, <head>, <head> 태그 안에 문자열 'abcdef'가 있는지를 자바스크립트로 이렇게 알아볼 수 있다.

<script>
	var str = 'abc' + 'def';
	if(document.documentElement.innerHTML.indexOf(str) >=0) alert('<html> 태그 안에 "' + str + '"가 있음');
	if(document.head.innerHTML.indexOf(str) >= 0) alert('<head> 태그 안에 "' + str + '"가 있음');
	if(document.body.innerHTML.indexOf(str) >= 0) alert('<body> 태그 안에 "' + str + '"가 있음');
</script>

이 자바스크립트가 HTML 문서 안에 들어가면 이 스크립트 내용까지 더해서 문자열을 찾는다. 그래서 "abcdef"가 스크립트 내용에 직접 들어가지 않도록 변수 str에 "abc" + 'def"로 넣었다.

여기에서 indexOf 함수는 str에 들어간 문자열이 찾는 곳에 없으면 -1를 돌려주고, 문자열이 하나라도 들어 있으면 그 문자열이 처음 들어간 곳의 자리값(0 이상의 정수)을 돌려준다.