js创建兼容IE和firefox的DOM

我们都知道在IE中创建表单元素可以有三种方式


var oInput = document.createElement("input");


var oInput = document.createElement("<input />");


var oInput = document.createElement("<input name='' />");
在Firefox里面仅支持


var oInput = document.createElement("input");

想要兼容IE/Firefox动态创建radio button元素可以这样写：


function createRadio(name,id,value,isChecked)






{


var oRadio = null;


if(isIE)






{


oRadio = document.createElement("<input name='" + name + (isChecked ? "' checked='"+ isChecked +"'/>" : "' />"));


oRadio.id = id;


oRadio.type = "radio";


oRadio.value = value;


}


else






{


oRadio = document.createElement("input");


oRadio.setAttribute("type","radio");


oRadio.setAttribute("id",id);


oRadio.setAttribute("name",name);


oRadio.setAttribute("value",value);


if(isChecked)






{


oRadio.setAttribute("checked",isChecked);


}


}


return oRadio;


}
延伸一下，动态创建input任意元素代码片段如下即可：


function createElement(tagName,name,type,value)






{


var element = null;


try






{


element = document.createElement('<'+tagName+' name="'+name+'" />');


element.type = type;


element.value = value;


}


catch (e)






{


}


if (!element)






{


element = document.createElement(tagName);


element.setAttribute("type",type);


element.setAttribute("name",name);


element.setAttribute("value",value);


}


return element;


}

http://blog.163.com/baibing5411/blog/static/2690843120096702848694/