谷歌、火狐下js不能动态创建元素。急！！！


<body>
<input type="button" value="click" onclick="test()"/>
<script type="text/javascript">
function test(){
var objLbl=document.createElement("<label id='lbl10' nowrap>11</label>");
alert(objLbl.id);
}
</script>
</body>IE下可以，谷歌和火狐不可以

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <input type="button" value="click" onclick="test()"/>
    <script type="text/javascript">
    function test(){
        var objLbl=document.createElement("label");
    objLbl.id='test';
    objLbl.innerHTML='11';
    document.body.appendChild(objLbl);
        alert(objLbl.id);
    }
    </script>
    </body>
    </html>
    这样试试
      

  2.   

    createElement方法是创建一个html标签元素，那样当然不对了。ie下可以是ie的解释比较奇怪，其他浏览器的解释是没有问题的。
    function test(){
         document.documentElement.innerHTML = "<label id='lbl10' nowrap>11</label>";
         var objLbl = document.getElementsByTagName("label")[0];
    alert(objLbl.id);
    }
      

  3.   

    ie下不兼容改成：function test(){ document.getElementsByTagName("body")[0].innerHTML = "<label id='lbl10' nowrap>11</label>";
         var objLbl = document.getElementsByTagName("label")[0];
    alert(objLbl.id);
    }
      

  4.   

    var lbl1 =document.createElement('label');
    lbl1.id="lbl001";
    lbl1.innerHTML="233";

    //document.getElementsByTagName("body")[0].innerHTML="<label id='lbl001' >233</label>";
    //var labl1 =document.getElementsByTagName("lable")[0];
    $("#contains").append(lbl1);
    alert(lbl1.id);
      

  5.   


    <div id="createElement">谷歌、火狐下js不能动态创建元素</div>
    <div id="contains">contains</div>
      

  6.   

    LZ只是创建了标签，但没有插入进html中当然就无法查id，不同浏览器可能对你的代码执行不一样