如何在FireFox中动态创建html元素（createElement）

IE Code:
< script  type ="text/javascript" >
function  add() {

var  input  =  document.createElement( " <input size=30 type=\ " text\ "  name=\ " extrachildren[]\ " > " )
var  br  =  document.createElement( " <br> " );
var  br2  =  document.createElement( " <br> " );
document.getElementById( " children " ).insertBefore(br);
document.getElementById( " children " ).insertBefore(br2);
document.getElementById( " children " ).insertBefore(input);

}
</ script >

上面代码在FireFox中不工作

请采用下面方法：

Code:
< script  type ="text/javascript" >
function  add()
{
     var  input  =  document.createElement( ' input ' );
    input.setAttribute( ' size ' ,  ' 30 ' );
    input.setAttribute( ' type ' ,  ' text ' );
    input.setAttribute( ' name ' ,  ' extrachildren[] ' );
     var  parent  =  document.getElementById( ' children ' );
    parent.insertBefore(document.createElement( ' br ' ),  null );
    parent.insertBefore(document.createElement( ' br ' ),  null );
    parent.insertBefore(input,  null );
}
</ script >

IE有3种方式都可以创建一个元素:

1 document.createElement("<input type=text>")
2 document.createElement("<input>")
3 document.createElement("input")

Firefox只支持一种方式:
document.createElement("input");document.setAttribute(name,value);

------------
注: 在一个节点下增加子节点 IE也比Firefox下的方式要多.

IE:  

1 node.insertBefore(Element)
2 node.insertAfter(Element)
3 node.appendChild(Element)

而Firefox仅支持 node.appendChild.

在IE里面，html元素如果可以作为容器，那么在document.createElement创建元素时是无法设置name属性的，比如：div,span,font等等。
相反不可以做为容器的，在用document.createElement创建元素时可以设置控件的name属性，比如：input,button,a,img等等