有关div的问题

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript">
    <!--
    div1.innerText +="123112222555411";//向div中添加内容，div控件没有加载不能添加
    alert(div1.outerText);             //向div中取值     ，div控件没有加载不能添加    //-->
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1">iekeik   
    </div>
    <a href="#" onclick="javascript:alert(div1.outerHTML);">aa</a>//加载后再取div控件，能取出
    </form>
</body>
</html>
问：在添加和取值时，div控件没有加载，怎样在上面先将div加裁

解决方案 »

  1.   

    <script language="javascript">
        <!--
        div1.innerText +="123112222555411";//向div中添加内容，div控件没有加载不能添加
        alert(div1.outerText);            //向div中取值    ，div控件没有加载不能添加    //--> 
    </script> 
    把这段代码写到div的后面，或者是修改成
    <script language="javascript">
        <!--
    window.onload = function(){
        div1.innerText +="123112222555411";//向div中添加内容，div控件没有加载不能添加
        alert(div1.outerText);            //向div中取值    ，div控件没有加载不能添加
    }
        //--> 
    </script>
    浏览器是逐行解析这些代码的，当执行js代码的时候div还没加载，
      

  2.   

    同意楼上
    window.onload = function(){ 
        div1.innerText +="123112222555411";
        alert(div1.outerText);            
    }