动态设样式
<!-- disabled="true" --> <table width="100%" id="childTable" align="center" bordercolorlight="#95A4B2" bordercolordark="#FFFFFF" bordercolor="#D7D7D7" border="1" cellspacing="0" > <tr> <td width="100px" onClick='addProcessManage()'/> <input type='button' name='childDel' value='删除单项' onclick='delProcessManage()'/> </div></td></tr></table><script>var i=0;//新增单项function addProcessManage() { var temp = i++; var objTable=document.getElementById('childTable'); var objTableLength=objTable.rows.length; var myrow=objTable.insertRow(--objTableLength); //1 var mycell=null; mycell=myrow.insertCell(); mycell.setAttribute('align','center'); mycell.setAttribute('width','100px'); mycell.className = "list_td2_c"; var addText="<input type='checkbox' name='checkboxChild_child' value='"+temp+"'/>" + "<input type='hidden' name='processManageId' value='"+temp+"'/>";; mycell.innerHTML=addText; //2 WBS号 var mycell=null; mycell=myrow.insertCell(); mycell.className = "list_td2_c"; mycell.setAttribute('align','center'); mycell.setAttribute('width','100px'); var addText=temp; mycell.innerHTML=addText; //3 设计编号 var mycell=null; mycell=myrow.insertCell(); mycell.setAttribute('align','center'); mycell.setAttribute('width','100px'); mycell.className = "list_td2_c"; var addText = temp; mycell.innerHTML=addText; //4 单项名称 var mycell=null; mycell=myrow.insertCell(); mycell.setAttribute('align','center'); mycell.setAttribute('width','230px'); mycell.className = "list_td2_c"; var addText = temp; mycell.innerHTML=addText; }//删除单项function delProcessManage(){var els=document.getElementsByName("checkboxChild_child");var len=els.length ;for(var i=0;i<len;i++){if(els[i].checked){var e = els[i];while(e.parentElement.nodeName != "TR"){e=e.parentElement;}var temp=e.parentElement;//alert(temp.nodeName);while(e.parentElement.nodeName != "TBODY"){e=e.parentElement;}e.parentElement.removeChild(temp);i--;len-=1;}}} </script>