为什么textarea.value返回“undefined”？ （使用Native Javascript）

Question

这很简单，但我无法弄清楚错误是什么。

我有一个div，一个textarea，一个button。

我想使用“Native-Javascript”最近我一直在使用jQuery很多，我想在这个基本的东西上使用Native。

目标是将enter code here textarea的内容转移到div，并在console button click上登录function text_func (){ var btn = document.getElementsByTagName('button'), div_out = document.getElementsByTagName('div'); txt_a = document.getElementsByTagName('textarea'); console.log(txt_a.value);// This Logs undefined :: WHY? //return; btn[0].addEventListener('click',btn_click,false); function btn_click(){ console.log(txt_a.value)// This also logs undefined.. Why again? div_out.innerHTML = txt_a.value; } } window.onload = function(){ text_func(); } }。

参见我的代码：

使用Javascript：

<div id="myDiv" style="width:300px; border:1px solid #ccc; height:100px; padding:10px;"></div>

<textarea style="width:300px; border:1px solid #ccc; height:100px; padding:10px;"></textarea>

<button>Go</button>

HTML：

{{1}}

我做错了什么？....

请参阅小提琴： http://jsfiddle.net/3urm9/ 任何建议都非常感谢。

Answer 1

您可以尝试：

console.log(txt_a[0].value)

注意[0]

Answer 2

getElementsByTagName

返回元素的数组（实际上是NodeList） 数组没有value属性。

您可能希望从阵列中获取其中一个元素。