在 JS : Javascript 中有时需要获取 <textarea> 元素的内容,本文将介绍如何在 JS : Javascript 中获取 <textarea> 元素的内容(值)。

JS 获取 <textarea> 元素的用户输入内容

// 假设 textarea 元素的 id 为 ta
document.getElementById("ta").value;

JS 为 <textarea> 元素赋值

// 假设 textarea 元素的 id 为 ta
document.getElementById("ta").value = "内容";

JS 获取 <textarea> 标签间内容

默认使用的初始化标签间内容,是不支持 value 属性的,但是有些情况下或浏览器初始化标签后对 value 进行了赋值,这样可以使用 value 属性获取到该值,但不能保证一定能获取到。

标签间内容解释

<textarea>
    此处为标签间内容
</textarea>

使用 innerHTML 属性

// 假设 textarea 元素的 id 为 ta
let taConent = document.getElementById("ta").innerHTML;

不推荐使用 innerText

因为使用该属性在很多情况下获取的都是空值。

结语

本文分情况讲解了如何在 javascript 中获取 textarea 元素的内容(值),需要分情况使用 value 和 innerHTML 属性来获取其内容(值)。