javaScript 獲取 "> javaScript 獲取 ">

javaScript和jQuery獲取、設置textarea標籤的內容（取值和賦值）

  • 2019 年 11 月 13 日
  • 筆記

今天用到 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

Tags:

VirMach 便宜 VPS