为什么textarea.value返回“未定义”？ （使用本机Javascript）

Question

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

我得到了一个div ，一个textarea ，一个button 。

我最近想使用“ Native-Javascript”，因为我一直在使用jQuery ，因此我想在此基本功能上使用Native。

目的是将enter code here的内容从enter code here textarea转移到div并在click button时在console记录相同的内容。

查看我的代码：

Javascript：

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();    

    }

HTML：

<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>

我在做什么错？....

参见Fiddle： http : //jsfiddle.net/3urm9/任何建议均受到高度赞赏。

Answer 1

你可以试试：

console.log(txt_a[0].value)

注意[0]

Answer 2

getElementsByTagName

这将返回一个元素数组 （实际上是一个NodeList）。
数组没有value属性。

您可能想要从数组中获取元素之一。