javascript - document.getElementById 不在一个文件中工作但在其他文件中工作

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 语句必须在页面完成加载之前运行。这意味着它们必须在页面主体中或从页面主体调用的函数中。

Any document.write statement that runs after the page finishes loading will create a new page and overwrite all of the content of the current page.