创建DOM元素的方便简单清晰方法

1、受够了innerHTML="";拼出来一串HTML代码

 

2、受够了给新创建的元素写上onclick="";拼出来的一大段函数和参数

 

3、受够了繁琐的一大段代码，虽然它可以使用bind函数

 var ipt=document.createElement("input");
       ipt.type='checkbox';
       div.appendChild(ipt);
       ipt.name='n1';
       ipt.id='id1';
       ipt.value=123;

 

4、今天突然发现可以这样清晰

var div = $c_e( {
		e : 'div',
		cn : 'nk'
});
var ipt1 = $c_e( {
		parent : div,
		e : 'input',
		type : 'button',
		id : 'm_tag_submit',
		value : '确定'
});

var span1 = $c_e( {
		parent : div,
		e : 'span'
	});
var span2 = $c_e( {
		parent : div,
		e : 'span',
		id : 'm_tag_counter'
	});

 

目前用到的几个属性加进去了，有新的可以自己新加

function $c_e(o)
{
    if(!o.e)return;
    var e=document.createElement(o.e);
if(o.type)e.type=o.type; //IE的需要放在添加节点前
    if(o.parent)o.parent.appendChild(e);
    if(o.value)e.value=o.value;
    if(o.id)e.id=o.id;
    if(o.name)e.name=o.name;
    if(o.cn)e.className=e.cn;
    if(o.width)e.style.width=o.width;
    if(o.size)e.size=o.size;
    return e;
}