JavaScript对Table操作_js对table元素的操作
JavaScript对Table操作由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“js对table元素的操作”。
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.claName = “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].innerHTML+objTable.rows[3].cells[3].innerHTML;objTable.rows[3].cells[2].colSpan=2;objTable.rows[3].deleteCell(3);//删除指定列
//如果想要拆分单元格，那么
1、可以先删除行，再添加新的行。
//
2、可以在当前单元格中增加一个table，其行数和列数就是拆分的行数和列数。}
function ihowtitlerow(){
if(document.getElementById(“title”).style.display=='')document.getElementById(“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.claName = “btf”;//行添加样式
otd1.innerHTML = '单元格1';//空列初始化值
otd2.innerHTML = '单元格2居中';//空列初始化值
//设置列属性
otd2.style.background=“#7596C6”;otd2.align=“center”;//等同.setAttribute('align','center');document.getElementById('addtable').innerHTML=“”;document.getElementById('addtable').appendChild(otable);//把表格追加到页面的div中 }
window.onload = PageLoad;//初始化获得所要操作的表格句柄
权限组名
权限组描述
删除
船舶签证
船舶签证啊啊
拷贝项
被拷贝
违章录入
违章录入哦
在这里按“增加一个表格”会插入一个表格
