1、受够了innerHTML="";拼出来一串HTML代码
2、受够了给新创建的元素写上οnclick="";拼出来的一大段函数和参数
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; }