3种操作textarea的方法 .

来源：互联网发布：大数据发展规划编辑：程序博客网时间：2024/06/05 01:17

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.2.1.js"></script>
    <script type="text/javascript">
        //使用val函数为它赋值
        function setV() {
            $("#ta").val("a1");
        }
          //获取值使用val()函数
              function getvVal() {
            var v=$("#ta").val();
                  alert(v);
        }

        //使用innerHTML为ta赋值
           function setV1() {
            document.getElementById("ta").innerHTML="a2";
        }
        //获取值使用innerHTML
              function getvInner() {
            var v=document.getElementById("ta").innerHTML;
              alert(v);
        }

        //使用attr属性来操作textarea
        function setVattr() {
            $("#ta").attr("value","a3");
        }

        function getVattr() {
            var v= $("#ta").attr("value");
            alert(v);
        }
    </script>
</head>
<body>
<textarea rows="20" cols="30" id="ta" ></textarea><br>
<a onclick="setV()" href="#">使用val函数为textarea赋值</a><br>
<a onclick="getvVal()" href="#">使用val函数获取textarea值</a><br>
<a onclick="setV1()" href="#">使用innerhHTML为textarea赋值</a><br>
<a onclick="getvInner()" href="#">使用innerhHTML获取textarea值</a><br>

<br><br>
使用attr<br>
<a href="#" onclick="setVattr()">设置值</a>
<a href="#" onclick="getVattr()">获取值</a><br>
</body>
</html>