Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript로 텍스트를 기울임꼴(이탤릭)로 만드는 방법

JavaScript에서 문자열을 기울임꼴(이탤릭체)로 표시하려면 italics() 메서드를 사용하면 됩니다. 이 메서드는 문자열을 HTML의 <i> 태그로 감싼 것처럼 처리하여 화면에 기울임꼴 텍스트가 출력되도록 합니다.

사용 예제

아래 코드를 실행하면 JavaScript로 텍스트를 간단하게 기울임꼴로 만들 수 있습니다.

<html>
   <head>
      <title>JavaScript String italics() Method</title>
   </head>

   <body>
      <script>
         var str = new String("Demo Text");
         document.write(str.italics());
         alert(str.italics());
      </script>
   </body>
</html>

동작 원리

str.italics()는 내부적으로 문자열을 <i>Demo Text</i> 형태의 HTML 마크업으로 변환합니다. 따라서 document.write()를 통해 출력하면 브라우저가 해당 태그를 해석하여 텍스트가 기울임꼴로 렌더링됩니다.

참고 사항

italics() 메서드는 현재 웹 표준에서 폐기(deprecated)된 상태이므로, 실무에서는 다음과 같은 대체 방법을 권장합니다.

  • CSS 스타일 활용: 요소에 font-style: italic; 속성 적용
  • innerHTML 사용: element.innerHTML = '<i>' + str + '</i>';

레거시 코드 유지 보수 시에는 italics()를 그대로 사용할 수 있지만, 새로운 프로젝트에서는 CSS 기반 접근 방식을 사용하는 것이 좋습니다.