document.getElemenyById不在一个文件中工作但在其他文件中工作

Question

这个函数在我的一个文件中运行但在另一个文件中没有运行,我检查了所有的名字等但是找不到.....

在第一个文件中

<script type="text/javascript" >
    function fillDataInCommand()
    {
//      var abc = document.myApp.getDataForCommand();
    var abc ="heelo syed ammar hassan is here";
        document.getElementById("commandtextarea").value = abc;
    }

</script>

<form id="form1" name="form1" method="post" action="">
  <label>
  <textarea name="commandtextarea" style="background-color:#CCCCCC" cols="80" rows="20" wrap="off" id="commandtextarea"></textarea>
  </label>
</form>

而在另一个;

document.write ("<div align='center'><textarea name='commandtextarea' style='background-color:#EFEFEF' cols ='70' rows='20' rap='off' id='commandtextarea' readonly='readonly'>abc</textarea></div>");

alert(document.getElementById("commandtextarea").value.toString());

Answer 1

这是因为document.write函数.之后,文档中没有文本框,因此document.getElementById失败.

必须在页面加载完成之前运行document.write语句.这意味着它们必须位于页面主体中,或者位于页面主体调用的函数中.

页面完成加载后运行的任何document.write语句都将创建一个新页面并覆盖当前页面的所有内容.