javascript中textarea元素的值获取方法

获取textarea元素的值，有两种常用方法。

方法一：value属性

var text = document.getelementbyid("text");
var info = text.value;

方法二：innerhtml属性

var info = text.innerHTML;

注意：第二种方法仅适用于具有内部html内容的dom元素，如

、等。

在上面的代码示例中，第二种方法（使用innerhtml）不生效的原因是：

• textarea是web components组件。
• web components使用shadow dom。

shadow dom是一种文档隔离技术，它使组件能够维护自己的dom（文档对象模型），不受外部页面的影响。因此，对元素使用innerhtml进行赋值不会对页面可见内容产生任何效果。

正确的方法是使用value属性获取元素的值。