如何在javascript中正确获取<textarea>元素的值？
在处理<textarea>元素时，开发者经常会遇到获取其值的问题。本文将解释两种方法，并探讨为什么其中一种方法在特定情况下无效。
方法一：使用.value属性
<textarea>元素具有一个.value属性，可用于获取其内容。这是推荐的获取值的方法，因为它适用于所有浏览器并遵循 html 表单约定。
const text = document.getElementById("text");
const info = text.value;方法二：使用.innerhtml属性
立即学习“Java免费学习笔记（深入）”；
<textarea>元素还具有一个.innerhtml属性，但建议避免使用它来获取内容。.innerhtml用于获取或设置元素的 html 内容，而<textarea>是一个特殊情况：
- 在传统的 html 文档中，.innerhtml可以获取<textarea>的值，但无法获取纯文本内容，因为<textarea>中的换行符会作为 html <br>标签呈现。
- 在使用 shadow dom 的现代浏览器中，.innerhtml无法获取<textarea>的值，因为<textarea>内部实现自定义逻辑。
因此，虽然.innerhtml在早期的浏览器中可能有用，但在现代浏览器中避免使用它以确保可靠性。
总之，获取<textarea>元素的值的推荐方法是使用其.value属性，因为它可靠且符合 html 表单规范。
