textarea 高度 设置


想文本域高度可以设置，不知道怎么弄好，js 应该没有错误 望大家看看
<textarea rows="30" cols="70" id="content" name="detailval">abcdefg</textarea>
        function addRows(){
var status=document.getElementById("content").rows;
document.getElementById("content").rows=status+10;
alert(document.getElementById("content").rows);
}

function deleteRows(){
var status=document.getElementById("content").rows;
document.getElementById("content").rows=status-10;
alert(document.getElementById("content").rows);
}

解决方案 »

  1.   

    脚本调样式来控制吧 document.getElementById("content").style.height
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <base />
    <script src="http://code.jquery.com/jquery-latest.js"></script><script>
        var currentHeight = 50;
        onload = function () {
            $("#btnAdd").click(function () {
                addRows();
            });
            $("#btnDel").click(function () {
                deleteRows();
            });
            $("#content").css("height", currentHeight + "px");
            $("#content").css("width", "300px");
        }
        function addRows() {
            currentHeight += 10;
            $("#content").css("height",currentHeight + "px");
    }function deleteRows() {
        currentHeight += -10;
        $("#content").css("height", currentHeight + "px");
    }
    </script>
    </head>
    <body>
    <textarea id="content" name="detailval">abcdefg</textarea>
    <button id="btnAdd">高</button>
    <button id="btnDel">矮</button>
    </body>
    </html>
      

  3.   

    4楼的是jquery的写法，如果没有引用jquery是会出错的rows只是html语法里的写法，但在美工方面不见得就好，样式的控制目前更流行使用css样式表来做
      

  4.   


    document.getElementById("content").setAttribute("rows","80");
      

  5.   

    document.getElementById("content").rows=status-0+10;status是字符串，需要转型
      

  6.   

      LZ你的好像没错啊你看看是这样的<html>
    <head> </head>
    <body>
    <div><textarea cols = "10" rows = "20">
    fafdaf </textarea></div>
    </body>
    </html>
      

  7.   

    还真不知道rows的具体作用，但是，需要改变可编辑区域的大小，设置width、height是没错的。