[ JavaScript ] 폰트 크기 조절하기

<SCRIPT LANGUAGE="JavaScript">
< !--
//Specify affected tags. Add or remove from list:
var targets = new Array( `div`,`td`,`tr`,`li`,`ul`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`span`, `input`);
//Specify spectrum of different font sizes:
var sizes = new Array( `9`,`12`,`14`,`16`,`18`,`20`,`22`,`24`,`26` );
var startSize = 1;
function ts( target, inc ) {
    if (!document.getElementById) return;
    var d = document, cEl = null, size = startSize, i, j, cTags;
    size += inc;
    if ( size < 0 ){ //폰트 크기를 0 이하로 내릴 수 없게 설정
        size = 0;
    }
    if ( size > 9 ){ //폰트 크기를 9 이상으로 올릴 수 없게 설정
        size = 9;
    }
    startSize = size; 
    if ( !( cEl = d.getElementById( target ) ) ){
        cEl = d.getElementsByTagName( target )[ 0 ];
    }
    cEl.style.fontSize = sizes[ size ];
    for ( i = 0 ; i < targets.length ; i++ ) {
        cTags = cEl.getElementsByTagName( targets[ i ] ); //getElementsByTagName을 사용하면 배열로 받아짐
        for ( j = 0 ; j < cTags.length ; j++ ){
            //alert(cTags[ j ].style.fontSize);
            cTags[ j ].style.fontSize = sizes[ size ] + "pt";
   cTags[ j ].style.lineHeight = sizes[ size ] * 1.5 + "pt";
        }
    }
}
//-->

< /SCRIPT>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
< INPUT type="button" value="확대" onClick="ts( `body`, 1 )">
< INPUT type="button" value="축소" onClick="ts( `body`, -1 )"><BR/>
 
============================================================================================
< SCRIPT language="JavaScript" type="text/JavaScript">
< !--
function changesize(flag) {
    obj = document.all.ct.style.fontSize;
    num = eval(obj.substring(0,obj.length-2)*1);
    if(!isNaN(num)) { 
        if(flag==`+`) { 
            document.all.ct.style.fontSize = eval(num + 1);
        } else { 
            if(num > 1) 
                document.all.ct.style.fontSize = eval(num - 1);
            else
                alert(`최소사이즈 입니다.`);
        } 
    }
}
-->
< /SCRIPT>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
< a href="javascript:changesize(`+`)">+ 크게</a>
< a href="javascript:changesize(`-`);">- 작게</a>

< div id=ct style="width:500;font:12;line-height:1.5">글자크기 확인</div>