JavaScript中textarea元素的值获取方法？

新手上路，请多包涵

var text = document.getElementById("text"),
    btn=  document.getElementById("btn");
btn.onclick = function () {
  // var info = text.value;//方法一
  var info = text.innerHTML;//方法二
  console.log(info);
}
</script>

</body>
使用方法2不生效，是空值（纯空白，不是null），现版本innerHTML不能用吗

有没有大佬知道，新手刚上路

javascript html textarea innerhtml

阅读 228

2 个回答

得票最新

雾岛听风

11.6k41251

发布于
4 月 29 日陕西

更新于
4 月 29 日

✓ 已被采纳

文档约定表单控件类的取值是.value
具有内部 HTML 内容的 DOM 元素，例如 <div>、<span>、<td>、<th> 等，都适用于 innerHTML 属性。

textarea你可以理解为是webkit实现的 Web Components组件，你对他使用.innerHTML进行获取不生效，是因为他内部使用的是 Shadow DOM,即使你进行了赋值，审查元素也可以看到加上去了，但是页面是不会显示的，因为内部有自己的DOM实现逻辑。至于.value 还是.xxx 你在Web Components内部都可以自己定义。