PHP & JavaScript Room :: 設置サンプル

<form action="#">
    <p>
        サイズ変更: 
        <a href="javascript:fSetSizeDOM(60,10)">大きくする</a>
        <a href="javascript:fSetSizeDOM(40,5)">元に戻す</a>
    </p>
    <p><textarea id="taA2" cols="40" rows="5">テキストエリアです。</textarea></p>
</form>

<script type="text/javascript">
    function fSetSizeDOM(_cols,_rows){
        var taObj=document.getElementById("taA2");
        /* テキストエリアの幅（cols属性）を設定 */
        taObj.cols=_cols;
        /* テキストエリアの高さ（rows属性）を設定 */
        taObj.rows=_rows;
        fGetSizeDOM();
    }
    /* テキストエリアのcols/rows属性を取得 */
    function fGetSizeDOM(){
        var taObj=document.getElementById("taA2");
        var s="";
        s+="幅: "+taObj.cols+"\n";
        s+="高さ: "+taObj.rows+"\n";
        taObj.value=s;
    }
</script>