javaScript和jQuery获取、设置textarea标签的内容（取值和赋值）
javaScript和jQuery获取、设置textarea标签的内容（取值和赋值）
德顺
发布于 2019-11-13 11:27:22
发布于 2019-11-13 11:27:22
文章被收录于专栏：前端资源
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();//方法3textarea 的赋值
//javaScript赋值
text.innerHTML = "你好，地球！";//方法一
text.value = "你好，中国！";//方法二
text.innerText = "绿色地球！";//方法三
//jq赋值
$("#text").html("你好、我好、大家好！");//方法1
$("#text").val("幸福的日子");//方法2
$("#text").text("html好学");//方法3本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
