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

大家好，今天本人给大家带来文章《JavaScript中如何正确获取textarea元素的值？ 》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

JavaScript中textarea元素的值获取方法

在获取textarea元素的值时，可能会遇到使用innerHTML获取为空值的情况。这是因为innerHTML仅适用于具有内部HTML内容的DOM元素，例如<div>和<span>，而不适用于textarea等表单控件类元素。

根据文档约定，表单控件类的取值应使用.value属性。因此，获取textarea元素的值的正确方法为：

var info = text.value;

另一方面，使用innerHTML获取textarea元素的值不生效，是因为textarea是Web Components组件，其内部使用了Shadow DOM。虽然你可以在审查元素时看到添加了值，但页面不会显示，因为Shadow DOM内部有自己的DOM实现逻辑。

终于介绍完啦！小伙伴们，这篇关于《JavaScript中如何正确获取textarea元素的值？ 》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！