首发:
长沙快付
版权所有,未经许可严禁转载
主要js代码如下:
var ii=13;//起始id值
var _name="abc";//可修改input的name以及id前缀
var _name2="cc";//可修改checkbox的name属性前缀
var _pp="p"; //可修改p的id前缀
var _dd=document.getElementById("sp141114_ss");
var arraynew=new Array(0);
var arraydel=new Array(0);
var arrayold=new Array(0);
function sp141114_a(){
var _thenode=document.createElement("p");
_thenode.id=_pp+ii;
var _in_str=ii+' <input type="checkbox" id="'+_name2+ii+'"> <input class="input" name="'+_name+ii+'" id="'+_name+ii+'" type="text" value="" /> <a href="javascript:void(0);" class="asp141114" onclick="sp141114_r(this)">-</a>';
_thenode.innerHTML=_in_str;
_dd.appendChild(_thenode);
arraynew.push(ii);ii++;
}
function sp141114_i(_theid,_chk,_vl){
var _thenode=document.createElement("p");
_thenode.id=_pp+_theid;
var _in_str=_theid+' <input type="checkbox" id="'+_name2+_theid+'" '+_chk+'> <input class="input" name="'+_name+_theid+'" id="'+_name+_theid+'" type="text" value="'+_vl+'" /> <a href="javascript:void(0);" class="asp141114" onclick="sp141114_r(this)">-</a>';
_thenode.innerHTML=_in_str;
_dd.appendChild(_thenode);
arrayold.push(_theid);
}
function sp141114_r(_obj){
_obj.parentNode.parentNode.removeChild(_obj.parentNode);
arraydel.push(_obj.parentNode.id.split(_pp)[1]);
}
function sp141114_sss(){
var res1=res2=res3="";
for(i=0;i<arrayold.length;i++){
if(document.getElementById(_pp+arrayold[i]))
res1=res1+arrayold[i]+"##"+document.getElementById(_name2+arrayold[i]).checked+"**"+document.getElementById(_name+arrayold[i]).value+"<br>";
}
for(i=0;i<arraynew.length;i++){
if(document.getElementById(_pp+arraynew[i]))
res2=res2+arraynew[i]+"##"+document.getElementById(_name2+arraynew[i]).checked+"**"+document.getElementById(_name+arraynew[i]).value+"<br>";
}
for(i=0;i<arraydel.length;i++){
res3=res3+arraydel[i]+"<br>";
}
document.getElementById("old").innerHTML="-------原始的元素------<br>"+res1;
document.getElementById("res").innerHTML="-------新增的元素------<br>"+res2;
document.getElementById("del").innerHTML="-------删除的元素------<br>"+res3;
}
//插入已经存在的节点
sp141114_i(2,"checked='checked'","开机后开机后空间好看和健康");
sp141114_i(3,"","开机后开机后空间好看和健康");
sp141114_i(7,"checked='checked'","开机后开机后空间好看和健康");
sp141114_i(8,"checked='checked'","开机后开机后空间好看和健康");
sp141114_i(9,"","000");
sp141114_i(10,"checked='checked'","开机后开机后空间好看和健康");
//新生成的节点
sp141114_a();sp141114_a();sp141114_a();sp141114_a();