요즈음 홈페이지나 포털 사이트에서 많이 쓰고 있는 글자 조절 자바스크립트의 수정에 관한 질문입니다.

일단 아래 소스를 먼저 올립니다:


var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','+ '+ 'large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
        if (!document.getElementById) return
        var d = document,cEl = null,sz = startSz,i,j,cTags;
        
        sz += inc;
        if ( sz < 0 ) sz = 0;
        if ( sz > 6 ) sz = 6;
        startSz = sz;
                
        if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

        cEl.style.fontSize = szs[ sz ];

        for ( i = 0 ; i < tgs.length ; i++ ) {
                cTags = cEl.getElementsByTagName( tgs[ i ] );
                for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
        }
}

그리고 아래는 글자 크기를 조절하는 것입니다:

<a href="javascript:ts('+ 'body',1)">+ Larger Font</a> | <a
href="javascript:ts('body',-1)">+ Smaller Font</a>

위 스크립트에서는 body 태그 전체를 조절하기 때문에 원하지 곳도 글자 크기가 조절됩니다.

질문드리고자 하는 것은 <div class='alph'>글자 조절 내용</div>과 같은 block 태그로 둘러 싼 곳만 글자를 조절하려면 어떻게 수정해야 하는지 알려주셨으면 고맙겠습니다. 그다지 어렵지는 않을 것 같은데 자바스크립트를 잘 몰라서 몇 가지로 시도했지만 작동하지 않더군요.

아시는 분께 부탁드립니다.