今天在写一个demo的时候，遇到了一点问题，而且花了好长时间都没有搞定，希望贴出来可以有哪位大神帮忙解决一下：

html代码：

        <ul id='list'>

             <li class="person-box">                 <a class="close" href="javascript:;">X</a>                 <img class="head-img" src="head.jpg"/>                 <div class="main">                      <p><strong>sunshine</strong>：每个人都很喜欢你哟</p>                     <img src="book.jpg"/>                     <div class="info">                         <span class="time">2015/8/17</span>                         <a class="praise" href="javascript:;">赞</a>                     </div>                      <div class="praise-total" total='1'>                         共有1人觉得很赞                     </div>                     <textarea class="comment-input">评论...</textarea>                     <button class="btn btn-off">回复</button>                 </div>             </li>               <hr>               <li class="person-box">                 <a class="close" href="javascript:;">X</a>                 <img class="head-img" src="head.jpg"/>                 <div class="main">                                <textarea class="comment-input">评论...</textarea>                     <button  class="btn btn-off">回复</button>                    </div>             </li>       </ul>

然后我在写js代码的时候如下：

 window.onload = function(){

    var list = document.getElementById('list');

   var li = list.document.getElementsByTagName('li');

   for(var i=0;i<li.length;i++){

var input = li[i].getElementsByTagName('textarea')[0];

 input.value = 'hello world';

}

};

在写完这些代码的时候，发现输入框中并没有我想要的内容，并且在firebug中提示'input is not definded"，找了好久的错误都没有找出来，希望有人能帮我解决，不胜感激