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

자바스크립트(JavaScript)로 텍스트 글꼴 크기 변경하는 방법

fontsize() 메서드란?

JavaScript의 fontsize() 메서드는 문자열을 마치 HTML의 <font size="size"> 태그로 감싼 것처럼 화면에 지정한 크기로 표시해 줍니다. 즉, 별도의 스타일 태그 없이도 자바스크립트만으로 텍스트의 글꼴 크기를 간단하게 조절할 수 있습니다.

사용 예제

아래 예제 코드를 실행하면 자바스크립트를 사용해 텍스트의 글꼴 크기를 변경하는 과정을 직접 확인할 수 있습니다.

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

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

위 코드에서는 "Demo Text"라는 문자열 객체를 생성한 뒤, fontsize(10)을 호출하여 해당 텍스트가 크기 10으로 출력되도록 합니다. document.write()는 페이지에 결과를 렌더링하고, alert()은 생성된 HTML 문자열을 팝업 창으로 보여줍니다.

주의 사항

fontsize() 메서드와 <font> 태그는 현재 HTML5 표준에서 폐지(deprecated)된 기능입니다. 최신 웹 개발 환경에서는 CSS의 font-size 속성을 사용하거나, 자바스크립트로 DOM 요소의 style.fontSize 값을 조정하는 방식을 사용하는 것이 좋습니다.