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

• 2019 年 11 月 13 日
• 筆記

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