zoukankan      html  css  js  c++  java
  • js table的所有td 按行合并

    //将N个table的所有td按行合并为数组
    function getTdArray(){
    	var tableArray=arguments;
    	var rowNow=0;
    	while(tableArray[0].rows[rowNow].cells[0].nodeName.toLowerCase()!="td")rowNow++;
    	var tdArray=[];
    	for(var i=rowNow;i<tableArray[0].rows.length;i++){
    		for(var j=0;j<tableArray.length;j++){
    			for(var k=0;k<tableArray[j].rows[i].cells.length;k++){
    				tdArray.push(tableArray[j].rows[i].cells[k]);
    			}
    		}
    	}
    	return tdArray;	
    }
    var table1=document.getElementById("thisTable1");
    var table2=document.getElementById("thisTable2");
    var tdArray1=getTdArray(table1);
    for(var i=0;i<tdArray1.length;i++)tdArray1[i].innerHTML=(i+1);
    

    var tdArray2=getTdArray(table1,table2);
    for(var i=0;i<tdArray2.length;i++)tdArray2[i].innerHTML=(i+1);
    

    如果你想做个下面这样的组件,甚至一行都放不下要把一个table做成几行时,可能会有用:

  • 相关阅读:
    js-js系列-数据类型-概念
    js-基础总结3
    js-基础总结2
    js-基础总结1
    js-面试题
    webpack-模块化
    js-对象常用方法
    js-事件冒泡-事件捕获-事件委托
    js-call aplly bind2
    aioxs实现token无感刷新
  • 原文地址:https://www.cnblogs.com/frostbelt/p/2388687.html
Copyright © 2011-2022 走看看