总是提示有错误，麻烦大家帮我看看这段js代码

  var mNode=document.createElement('<div id="m" style="position:fixed; left:10px; bottom:0px; overflow-y:hidden;'
   +'overflow-x:auto; border:1px groove #27C; cursor:default; -moz-user-select:none;"></div>');
  
  var tNode=document.createElement('<div id="t" style="float:left; height:26px; width:60px; background-color:#27C;'
   +'color:white;font-weight:bold; text-align:center;">DEMO</div>');
     
  var lNode=document.createElement('<div id="l" style="float:left; overflow-y:hidden; overflow-x:auto;' 
   +' border-top:1px inset blue; background-color:white;">UserName:<input type="text" width="30" height="20"'
   +' name="UserName">PassWord:<input type="text" width="30"' +'height="18" name="PassWord"><input type="submit"'
   +' height="20" width="30" value="OK" onclick="login();"><input type="submit" width= "30" height="20" value="Hide"'
   +' onclick="isHide();"></div>');
  
  var hNode=document.createElement('<div style="float:left;overflow-y:hidden; overflow-x:auto;'
   +' border-top:1px inset blue background-color:white;"><input type="submit" width="30" height="20"'
   +' value="Hide" onclick="isHide();"></div>');
  
  
  mNode.appendChild(tNode);
  mNode.appendChild(lNode);
  document.body.appendChild(mNode);我本来是想显示出来 在页面下方的一个浮动框，首先是一个蓝色的标题DEMO，后面是一个输入用户名密码的地方
可是怎么显示都是一个蓝色的方框 不的其解

解决方案 »

  1.   

    哪有你这样创建元素的啊  
    正规点~~
    var mNode=document.createElement("div");
    mNode.id="m";
    mNode.style.border="";
    -------像楼主这样的写法直接改成这样就差不多了 <html> 
    <body> 
    <script>
    var mNode='<div id="m" style="position:fixed; left:10px; bottom:0px; overflow-y:hidden;'
      +'overflow-x:auto; border:1px groove #27C; cursor:default; -moz-user-select:none;"></div>';
       
      var tNode='<div id="t" style="float:left; height:26px; width:60px; background-color:#27C;'
      +'color:white;font-weight:bold; text-align:center;">DEMO</div>';
      
    mNode+=tNode;
       
      var lNode='<div id="l" style="float:left; overflow-y:hidden; overflow-x:auto;'  
      +' border-top:1px inset blue; background-color:white;">UserName:<input type="text" width="30" height="20"'
      +' name="UserName">PassWord:<input type="text" width="30"' +'height="18" name="PassWord"><input type="submit"'
      +' height="20" width="30" value="OK" onclick="login();"><input type="submit" width= "30" height="20" value="Hide"'
      +' onclick="isHide();"></div>';
       mNode+=lNode;
      var hNode='<div style="float:left;overflow-y:hidden; overflow-x:auto;'
      +' border-top:1px inset blue background-color:white;"><input type="submit" width="30" height="20"'
      +' value="Hide" onclick="isHide();"></div>';
       mNode+=hNode;
      document.write(mNode);
    </script>
    </body> 
    </html> 
      

  2.   


    开始的时候就是用这种string形式的 没有更好的方法了吗
    我也是想规整一些
      

  3.   

    必须先根据标签名称创建对象 ，然后在给对象赋些属性 关于性能方面 你可以参考一下这个文章：http://www.cnblogs.com/dotjava/archive/2008/08/22/1273844.html