특정한 텍스트를 대문자 또는 소문자로 자동으로 변경하려면 어떻게 해야 할까요? 변환을 위한 방법은 다양합니다. 서버쪽 언어나 CSS에서도 변환 방법이 있습니다. 하지만 가장 많이 쓰이는 방법이 바로 자바스크립트를 사용하는 방법입니다.

자바스크립트는 대소문자 변환을 위한해서 아래와 같은 함수를 제공합니다. 이 함수의 간단한 사용방법입니다.


"문자열".toLowerCase();
// 소문자로 변환시킴

"문자열".toUpperCase();
// 대문자로 변환시킴


아래는 간단한 사용예제입니다.


# 대소문자 변환 예제소스 보기
예제에서는 대문자 소문자를 가지는 텍스트를 간단하게 모두 대문자 또는 소문자로 변경하여 보겠습니다.

먼저 대문자로 변경하는 예제입니다.
<script type="text/javascript">
   var title= "AbcdE fGHIj";

   alert(title.toUpperCase());
   // title 변수가 가진 문자열을 대문자로 변환 후 경고메시지로 보이기
</script>

! 출력메시지
"ABCDE FGHIJ"


아래는 소문자로 변경하는 예제입니다.
<script type="text/javascript">
   var title = "ALPHABET TO LOWERCASE";

   alert(title. toLowerCase());
   // 소문자로 변환하여 경고창에 띄우기
</script>

! 출력메시지
"alphabet to lowercase"