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

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

javascript中textarea元素的值获取方法

在获取textarea元素的值时,可能会遇到使用innerHTML获取为空值的情况。这是因为innerHTML仅适用于具有内部HTML内容的DOM元素,例如

,而不适用于textarea等表单控件类元素。

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

var info = text.value;

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

以上就是JavaScript中如何正确获取textarea元素的值?的详细内容,更多请关注硕下网其它相关文章!