JavaScript中如何获取textarea元素的值？

JavaScript中textarea元素的值获取方法

问题：

获取textarea元素的值时，使用innerText方法无效。其他方法是否可行？

答案：

JavaScript中获取textarea元素值的推荐方法是使用.value属性，而不是.innerHTML属性。

原因：

• 文档约定表单控件（如textarea）的值应通过.value获取。
• textarea元素虽然具有内部HTML内容，但内部使用Shadow DOM实现，导致.innerHTML获取不到值。

示例代码：

var text = document.getElementById("text");
var btn = document.getElementById("btn");
btn.onclick = function () {
  console.log(text.value); // 正确获取值
};

相关背景知识：

• Shadow DOM是Web Components规范的一部分，允许开发人员创建独立于页面主文档的DOM。
• 对于表单控件，使用.value属性获取值是更符合标准和推荐的做法。