`
lee20101029
  • 浏览: 1899 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

js动态操作table实例

阅读更多

核心JAVASCRIPT代码:

<script type="text/javascript">
	/**
	* 动态改变行
	* @param {Object} iInx
	*/
        function doOnchange(iInx){
            var iRows = iInx ? iInx : 0;
	    removeRow('tbl');
            for(var v=0;v<iRows;v++){
		instRow('tbl');
	    }          
        }
	/**
	* 插入行
        * @param {Object} tblId
        */
        function instRow(tblId){			
            var row = document.getElementById(tblId).all.tags("tbody")[0].insertRow(); 			           
            var rowCount = document.getElementById(tblId).rows.length;           
            var countCell = document.getElementById(tblId).rows.item(0).cells.length;
            for (var i = 0; i < countCell; i++) {
                var cell = row.insertCell(i);
                cell.innerHTML = "new-" + (rowCount) + "/" + (i + 1) + "-col";
                cell.id = (rowCount) + "-" + (i + 1);
            }
        }
	/**
        * 删除行
	* @param {Object} tblId
	*/
        function removeRow(tblId){
	       var rows = document.getElementById(tblId).all.tags("tbody")[0].rows.length;	          
	       for (var i = rows-1; i >=0; i--) {				
		    document.getElementById(tblId).all.tags("tbody")[0].deleteRow();				
               }
        }
</script>
 
0
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics