<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    當柳上原的風吹向天際的時候...

    真正的快樂來源于創(chuàng)造

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      368 Posts :: 1 Stories :: 201 Comments :: 0 Trackbacks
    以前我們使用JavaScript制作過一個JS類MyTable,用于操作表格,但使用上還是有不便的地方,今天把它修改了一下,增加了幾個類函數和兩個輔助函數,現在更方便一些了。

    JS類MyTable代碼如下:
    /*************************
    *
    *   Class:MyTable
    *   2009.08.22
    *************************
    */
    //-- Contructor
    function MyTable(id){
        
    this.table=$(id);
    }

    //-- Clear Rows except the first
    MyTable.prototype.clear=function(){
        
    while(this.table.rows.length>0){
            
    this.table.deleteRow(0);
        }
    }

    //-- Append a row to table
    MyTable.prototype.getRowCount=function(){
        
    return this.table.rows.length;
    }

    //-- Append a row to table
    MyTable.prototype.appendRow=function(row){
        
    this.table.appendChild(row);
        
    this.refreshRowColor();
    }

    //-- remove a row to table
    MyTable.prototype.removeRow=function(id){
        
    var delRow=$(id);
        delRow.parentNode.removeChild(delRow);
        
    this.refreshRowColor();
    }

    //-- refresh a row's backgroud-color
    MyTable.prototype.refreshRowColor=function(){
        
    for(var i=0;i<this.table.childNodes.length;i++){
            
    this.table.childNodes[i].className=((i % 2==1)?"odd":"even");
        }
    }

    //-- create a text cell
    function createTextTd(text){
        
    var cell=document.createElement("td");
        cell.appendChild(document.createTextNode(text));
        
        
    return cell;
    }

    //-- create a link cell
    function createLinkTd(text,url){
        
    var link=document.createElement("a");
        link.appendChild(document.createTextNode(text));
        link.setAttribute(
    "href",url);

        
    var cell=document.createElement("td");
        cell.appendChild(link);
        
        
    return cell;
    }

    取得的效果:


    全體代碼下載(注意CSS文件變更了):
    http://m.tkk7.com/Files/heyang/JsTable20090822214752.rar

    posted on 2009-08-22 21:54 何楊 閱讀(346) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發(fā)表評論。


    網站導航:
     
    主站蜘蛛池模板: 青青青视频免费观看| 亚洲日本在线播放| 在线观看亚洲专区| 日本免费一本天堂在线| 亚洲欧洲另类春色校园网站| 18女人水真多免费高清毛片| 99久久亚洲综合精品成人网| 免费人妻无码不卡中文字幕系| 亚洲av永久无码精品漫画| 久久久久久久久久免免费精品| 黑人大战亚洲人精品一区| 人妻免费一区二区三区最新| 国产精品亚洲成在人线| 中文字幕日本人妻久久久免费| 亚洲AV无码一区二区二三区入口 | 四虎影视精品永久免费网站| 亚洲hairy多毛pics大全| 国产一级特黄高清免费大片| sss在线观看免费高清| 亚洲一区AV无码少妇电影☆| 少妇性饥渴无码A区免费 | 国产成人综合亚洲AV第一页| a在线免费观看视频| 亚洲综合男人的天堂色婷婷| 成人黄18免费视频| 麻豆69堂免费视频| 亚洲尹人香蕉网在线视颅| 青青青国产在线观看免费| 色偷偷亚洲男人天堂| 国产亚洲AV手机在线观看| 国产成人精品免费久久久久| 精品日韩99亚洲的在线发布| 国产伦精品一区二区三区免费迷 | 日韩精品电影一区亚洲| 精品视频在线免费观看| 亚洲a视频在线观看| 亚洲精品亚洲人成在线观看下载| 四虎影视成人永久免费观看视频 | 亚洲综合激情九月婷婷| 好爽好紧好大的免费视频国产| 在线观看免费黄网站|