javaScript和jQuery获取、设置textarea标签的内容（取值和赋值）

今天用到 textarea 的取值，顺便整理一下它的取值和赋值。

HTML部分：

<textarea id="text" name="" id="" cols="30" rows="10"></textarea>
<button id="btn">提交</button>

javaScript 获取 textarea 的值

通过 element.value 和 element.innerHTML 获取， .value 亲测有效。

js 代码如下：

<script>
var text = document.getElementById("text"),
    btn=  document.getElementById("btn");
btn.onclick = function () {
  var info = text.value;//方法一
  var info = text.innerHTML;//方法二
  console.log(info);
}
</script>

jQuery 获取 textarea 的值

 textarea 是表单元素，所以 val() 可用；它又是闭合标签，所以 html() 和 text() 可用。

js 代码如下：

var info = $("#text").val();//方法1
var info = $("#text").text();//方法2
var iiinfo = $("#text").html();//方法3

textarea 的赋值

//javaScript赋值
text.innerHTML = "你好，地球！";//方法一
text.value = "你好，中国！";//方法二
text.innerText = "绿色地球！";//方法三

//jq赋值
$("#text").html("你好、我好、大家好！");//方法1
$("#text").val("幸福的日子");//方法2
$("#text").text("html好学");//方法3

未经允许不得转载：w3h5 » javaScript和jQuery获取、设置textarea标签的内容（取值和赋值）