tables_javascript 기술을 생성하고 조작하기 위한 JS 함수 세트

Stone.js
//**************************************신吹表格操작성函数**************************************************** ******
//隐藏列
function setHiddenRow(tb,iCol){
for (i=0;itb.rows [i].cells[iCol].style.display = oTable.rows[i].cells[iCol].style.display=="none"?"block":"none";
}
}
//隐藏行
function setHiddenRow(tb,iRow){
tb.rows[iRow].style.display = oTable.rows[iRow].style.display == "없음"?"차단":"없음";
}
//创建表格
function createTable(id,rows,cells,tbid){
var tb=document.createElement("table");
var tbody = document.createElement("tbody");
for(var i=0;ivar tr=document.createElement("tr");
for(var j=0;jvar cell=document.createElement("td");
tr.appendChild(셀);
}
tbody.appendChild(tr);
}
tb.appendChild(tbody);
tb.setAttribute("id",tbid);//设置创建的TABLE的ID
document.getElementById(id).appendChild(tb);
}
//插入文本
function insertText(tb,row,cel,text){
txt=document.createTextNode(text);
tb.rows[행].cells[cel].appendChild(txt);
}
//修改文本
function updateText(tb,row,cel,text){
tb.rows[row].cells[cel].firstChild.nodeValue=text;
}
//添加子节点
function toAppendChild(tb,row,cel,child){
tb.rows[row].cells[cel].appendChild(child);
}
//删除某行
function RemoveRow(tb,row){
tb.lastChild.removeChild(tb.rows[row]);
}
//单元格设置属性
function cellSetAttribute(tb,row,col,attributeName,attributeValue){
tb.rows[row].cells[col].setAttribute(attributeName,attributeValue );
}
//单元格添加监听器
function cellAddListener(tb,row,cel,event,fun){
if(window.addEventListener)
{
//其它주요 사례: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序 //주의사항 addEventListener는 해당 사건에 대해 사용하지 않으며
// img.addEventListener('click' , delRow(this), true);
tb.rows[row].cells[cel].addEventListener(event,fun, true);
}
else
{
//IE 的事件代码 在原先事件上添加 add 方法
// img.attachEvent('onclick',delRow(this));
tb.rows[row].cells[cel].attachEvent("on" event,fun);
}
}
//새로운 작업
function insertRow(oTable){
var tr=document.createElement("tr");
for (i=0;ivar td= document.createElement("td");
tr.appendChild(td);
}
oTable.lastChild.appendChild(tr);
}
//行设置属性
function rowSetAttribute(tb,row,attributeName,attributeValue){
tb.rows[row].setAttribute(attributeName,attributeValue);
}
//行添加监听器
function rowAddListener(tb,row,event,fun){
if(window.addEventListener)
{
//其它浏览器的주요 사례: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序 //주의사항 addEventListener는 해당 사건에 대해 添加带에 적용되지 않습니다
// img.addEventListener('click', delRow( 이), 사실);
tb.rows[row].addEventListener(event,fun, true);
}
else
{
//IE 的事件代码 在原先事件上添加 add 方法
// img.attachEvent('onclick',delRow(this));
tb.rows[row].attachEvent("on" 이벤트,재미);
}
}
//새로운增列
function addCells(tb){
for (i=0;ivar td = document.createElement("td");
tb.rows[i].appendChild(td);
}
}
//批weight修改单원格属性
function cellSetAttribute(oTable,attributeName,attributeValue){
for (i=0;ifor (j=0;joTable.rows[i].cells[j].setAttribute(attributeName,attributeValue);
}
}
}
//합쳐并只支持单向합합
//行합并
function mergeRow(tb,row,cell,num){
for( var i= (1행),j=0;jtb.rows[i].removeChild(tb.rows[i].cells[cell]);
}
tb.rows[row].cells[cell].setAttribute("rowspan",num);
// document.getElementById('c').innerHTML=document.getElementById('u').innerHTML;
}
//列합并
function mergeCell(tb,row,cell,num){
for(var i= (cell 1), j=0;jtb.rows[row].removeChild(tb.rows[row].cells[i]);
}
tb.rows[row].cells[cell].setAttribute("colspan",num);
// document.getElementById('c').innerHTML=document.getElementById('u').innerHTML;
}
测试DEMO








.testclass{Background-color:yellow;}

表格函数测试

테스트 스크린샷: