如何在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等等