テーブルを作成および操作するための JS 関数のセット_JavaScript スキル

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);//作成されたテーブルの ID
document.getElementById(id).appendChild(tb);
}
//插入文本
function insertText(tb,row,cel,text){
txt=document.createTextNode(text);
tb.rows[row].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 追加されたイベント、不用加on
// 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" イベント,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" イベント,fun);
}
}
//新增列
function addCells(tb){
for (i=0;ivar td = document.createElement("td");
tb.rows[i].appendChild(td);
}
}
//批量修改单元格プロパティ
function CellsSetAttribute(oTable,attributeName,attributeValue){
for (i=0;ifor (j=0;joTable.rows[i].cells[j].setAttribute(attributeName,attributeValue);
}
}
}
//合并のみサポート单向合并
//行合并
function MergerRow(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 MergerCell(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;
}
测试デモ








.testclass{background-color: yellow;}

表格函数测试

テストのスクリーンショット: