w3h5

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

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

HTML部分:

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

javaScript 获取 textarea 的值

通过 element.valueelement.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


赞 (0)
分享到: +More |

评论 沙发

换个身份