觉得只用insertAdjacentElement比较复杂，就又写了一个


var i=1;
var j=1;

var m=0;

function add(name,postion)
{
if(name=="file"){
m=i;
i++;
}else{
m=j;
j++;
}


var oInputdiv=document.createElement("div");
oInputdiv.id='div'+name+m;
var oInputfile=document.createElement('');
var oInputdel=document.createElement('');
var oInputtext0=document.createTextNode("上报国办:");
var oInputtext1=document.createTextNode("转发专家:");
var oInputtext2=document.createTextNode("通报领导:");

//id用于oInput1删除，name用于controller识别，value用于controller读取
var oInputcheckbox0=document.createElement('');
var oInputcheckbox1=document.createElement('');
var oInputcheckbox2=document.createElement('');

document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputdiv);
document.getElementById('div'+name+m).appendChild(oInputfile);

document.getElementById('div'+name+m).appendChild(oInputtext0);
document.getElementById('div'+name+m).appendChild(oInputcheckbox0);
document.getElementById('div'+name+m).appendChild(oInputtext1);
document.getElementById('div'+name+m).appendChild(oInputcheckbox1);
document.getElementById('div'+name+m).appendChild(oInputtext2);
document.getElementById('div'+name+m).appendChild(oInputcheckbox2);
document.getElementById('div'+name+m).appendChild(oInputdel);

}

function del(id)
{
id.removeNode(true);
}



显然用节点appendChild更方便。

觉得只用insertAdjacentElement比较复杂，就又写了一个


var i=1;
var j=1;

var m=0;

function add(name,postion)
{
if(name=="file"){
m=i;
i++;
}else{
m=j;
j++;
}


var oInputdiv=document.createElement("div");
oInputdiv.id='div'+name+m;
var oInputfile=document.createElement('');
var oInputdel=document.createElement('');
var oInputtext0=document.createTextNode("上报国办:");
var oInputtext1=document.createTextNode("转发专家:");
var oInputtext2=document.createTextNode("通报领导:");

//id用于oInput1删除，name用于controller识别，value用于controller读取
var oInputcheckbox0=document.createElement('');
var oInputcheckbox1=document.createElement('');
var oInputcheckbox2=document.createElement('');

document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputdiv);
document.getElementById('div'+name+m).appendChild(oInputfile);

document.getElementById('div'+name+m).appendChild(oInputtext0);
document.getElementById('div'+name+m).appendChild(oInputcheckbox0);
document.getElementById('div'+name+m).appendChild(oInputtext1);
document.getElementById('div'+name+m).appendChild(oInputcheckbox1);
document.getElementById('div'+name+m).appendChild(oInputtext2);
document.getElementById('div'+name+m).appendChild(oInputcheckbox2);
document.getElementById('div'+name+m).appendChild(oInputdel);

}

function del(id)
{
id.removeNode(true);
}



显然用节点appendChild更方便。

做了一个insertAdjacentElement的方法，以便controller能够读得到file中的路径。

var i=1;
var j=1;

var m=0;

function add(name,postion)
{
if(name=="file"){
m=i;
i++;
}else{
m=j;
j++;
}
if(name=="file"){
m=i;
i++;
}else{
m=j;
j++;
}
var oInput=document.createElement('《input type="file" name="'+name+m+'" id="file" size="10">');
var oInput1=document.createElement('《input type="button" name="del'+i+'" onclick="del('+name+m+'),del(this),del('+name+'shangbao'+m+'),del('+name+'zhuanfa'+m+'),del('+name+'tongbao'+m+'),del('+name+'div_shangbao'+m+'),del('+name+'div_zhuanfa'+m+'),del('+name+'div_tongbao'+m+')" value="删除" class="css_button">');
//id用于oInput1删除，name用于controller识别，value用于controller读取
var oInputcheckbox=document.createElement('《input type=" checkbox" id="'+name+'shangbao'+m+'" name="'+name+'_Shangbao" value="'+name+m+'">');
var oInputcheckbox1=document.createElement('《input type="checkbox" id="'+name+'zhuanfa'+m+'" name="'+name+'_Zhuanfa" value="'+name+m+'">');
var oInputcheckbox2=document.createElement('《input type="checkbox" id="'+name+'tongbao'+m+'" name="'+name+'_Tongbao" value="'+name+m+'">');

var oInputdiv=document.createElement("div");
oInputdiv.id=name+'div_shangbao'+m;
oInputdiv.innerHTML="上报国办";
var oInputdiv1=document.createElement("div");
oInputdiv1.id=name+'div_zhuanfa'+m;
oInputdiv1.innerHTML="转发专家";
var oInputdiv2=document.createElement("div");
oInputdiv2.id=name+'div_tongbao'+m;
oInputdiv2.innerHTML="通报领导";



document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputcheckbox2);
document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputdiv2);

document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputcheckbox1);
document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputdiv1);

document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputcheckbox);
document.getElementById(postion).insertAdjacentElement('AfterEnd',oInputdiv);
document.getElementById(postion).insertAdjacentElement('AfterEnd',oInput1);
document.getElementById(postion).insertAdjacentElement('AfterEnd',oInput);
}