JavaScript对Table操作大全
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
js对Table操作大全
.btf{
height:28px;
background-color:#F8F0E1;
}
var objTable;
function PageLoad(){
objTable = document.getElementById( "dataGrid" );//找到操作Table
}
function copyRow(){
var objTempRow = objTable.rows[2];//找到Table的模版行
var objNewRow = objTable.insertRow( objTable.rows.length );//在Table 的末尾新增一行
objNewRow.className = "btf";//给表格的添加行样式
objNewRow.id = objTable.rows.length - 1;
//以模版行建立新行内容
for ( var i=0 ; i var objNewCell = objNewRow.insertCell( i ); objNewCell.innerHTML = objTempRow.cells[i].innerHTML; } } function deletelastRow(){ if ( objTable.rows.length -1 > 0 ){ objTable.deleteRow(objTable.rows.length-1); //删除指定行} } function deletecheckedRow(){ if(document.all('idarray').value!='undefined'){ for(var i=document.all('idarray').length-1;i>-1;i--){ if(document.all('idarray')[i].checked==true){ var r=Number(document.getElementById('tb'+document.all('idarray')[i].value) .rowIndex); objTable.deleteRow(r); } } } } function deleteRow(r){ var i=r.parentNode.parentNode.rowIndex; objTable.deleteRow(i); } function addRow1(){ var crTR = objTable.insertRow(); //增加一行 var crTDa = crTR.insertCell();//第一个TD var crTDb = crTR.insertCell();//第二个TD,带rowspan=2 crTDb.rowSpan=2;//设成rowspan=2; crTDb.colSpan=3;//设成colSpan=3; var croTR = objTable.insertRow();//再插入一个TR var croTD = croTR.insertCell();//TD,对应上边的rowspan=3的TD //给单元格添加内容 crTDa.innerHTML="111111这里innerHTML"; crTDb.innerHTML="222222跨行跨列:rowspan=2,colSpan=3"; croTD.innerText="333333这里innerText"; croTD.width="20px;";//设置单列的宽度 croTD.height="80px;";//设置单列的高度 crTR.setAttribute('align','center');//这里通过setAttribute增加表单属性,} function addRow2(){ var crTR = objTable.insertRow(); var crTDa = crTR.insertCell(); var crTDb = crTR.insertCell(); crTDa.rowSpan=2; crTDb.colSpan=3; croTR = objTable.insertRow(); var crTDc = croTR.insertCell(); crTDc.colSpan=3; crTDa.innerHTML="111111 rowspan=2"; crTDb.innerHTML="222222 colSpan=3"; crTDc.innerHTML="333333 colSpan=3"; } function mergecells(){ if(objTable.rows[3].cells[3]==null)return false;//如果已经删除了,那就不允许再操作了 objTable.rows[3].cells[2].innerHTML=objTable.rows[3].cells[2].innerH TML+objTable.rows[3].cells[3].innerHTML; objTable.rows[3].cells[2].colSpan=2; objTable.rows[3].deleteCell(3);//删除指定列 //如果想要拆分单元格,那么1、可以先删除行,再添加新的行。 //2、可以在当前单元格中增加一个table,其行数和列数就是拆分的行数和列数。 } function isshowtitlerow(){ if(document.getElementById("title").style.display=='')document.getEl ementById("title").style.display ="none"; else document.getElementById("title").style.display =""; } function addtable(){ var otable=document.createElement("table");//创建一表格 //设置table的属性 otable.setAttribute("CELLPADDING","0"); otable.setAttribute("CELLSPACING","0"); otable.setAttribute("border","1"); var otr=otable.insertRow();//创建一空行 var otd1 = otr.insertCell();//创建一空列 var otd2 = otr.insertCell();//创建一空列 otable.width='880'; otr.className = "btf"; //行添加样式 otd1.innerHTML = '单元格1'; //空列初始化值 otd2.innerHTML = '单元格2居中'; //空列初始化值 //设置列属性 otd2.style.background="#7596C6";