javascript - 使用 getElementsByTagName 时未定义文本区域值

Question

我卡在了一件我需要做的非常简单的事情上，我无法解释为什么会这样。我有一个没有 id 或 class 或 name 的 textarea，所以用 js 选择它的唯一方法是使用 getElementsByTagName。它是我的 HTML 中唯一的 textarea，因此很明显可以使用以下内容:

var theSrc = document.getElementsByTagName('textarea')[0].value;

但是，当提醒 theSrc 时，我总是得到 undefined。知道为什么会这样吗？

这是演示:http://jsfiddle.net/D3zBU/

Answer 1

那是因为您在首次读取脚本(位于页面的 HEAD 中)时读取了值，甚至在 DOM 准备就绪之前。读取函数中的值:

function displayValue() {
    var theSrc = document.getElementsByTagName('textarea')[0].value;
    alert(theSrc);
}