Español
<!--Paso 1: Agregue el siguiente código al área principal--> <cabeza> <ESTILO> th{fondo-color:#999999;} .trOdd{fondo-color:#FFFFFF;} .trEven{fondo - color:#CCCCCC;} </STYLE> <SCRIPT language="javascript"> /** * Escanea automáticamente la tabla y dibuja el color de las filas pares e impares* oTable: tabla de destino oddClass: estilo css para filas impares evenClass: css para filas pares Estilo*/ function setRowColor(oTable,oddClass,evenClass) { resetTableColor(oTable); for(var i=1; i<oTable.rows.length; i++) { if(i % 2 == 0) oTable. filas[i ].className = evenClass; else oTable.rows[i].className = oddClass; } } /** * agregado por LxcJie 2004.6.28 * Escanea automáticamente la tabla y representa el color de las columnas pares e impares * oTable: tabla de destino oddClass: estilo css de columna impar evenClass: estilo css para columnas pares*/ //más javascript de http://www.downcodes.com function setColColor(oTable,oddClass,evenClass) { resetTableColor(oTable for(var i); =1; i<oTable .rows.length; i++) { for(var j=0; j<oTable.rows[i].cells.length; j++) { if(j % 2 == 0) oTable. rows[i].cells[j ].className = evenClass; else oTable.rows[i].cells[j].className = oddClass = //Borrar los estilos de todas las funciones tr y td resetTableColor(oTable; ) { for(var i=1; i< oTable.rows.length; i++) { oTable.rows[i].className = ""; for(var j=0; j<oTable.rows[i].cells. longitud; j++) oTable.rows[i].cells[j].className = ""; } </SCRIPT> <SCRIPT language="javascript"> window.changeTag = true; all.tableRow,'trOdd','trEven' ); setColColor(document.all.tableCol,'trOdd','trEven' } función cambio() { if(changeTag) { setRowColor(document.all.tableCol,' trOdd','trEven'); setColColor(document .all.tableRow,'trOdd','trEven'); changeTag = false } else { setRowColor(document.all.tableRow,'trOdd','trEven'); (document.all.tableCol,'trOdd', 'trEven'); changeTag = true; } } </SCRIPT> </head> <!--Paso 2: Modifique el contenido del BODY al siguiente contenido--> <body onLoad="init()"> <!-- Paso 3: Agregue el siguiente código al área CUERPO --> <TABLE width="70%" border="1" cellpadding="0" cellpacing="1" bordercolor ="#000000" id="tableRow"> <TR> <TH alcance="col">col1</TH> <TH alcance="col">col2</TH> <TH alcance="col">col3< /TH> </TR> <TR> < TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD> < /TD> <TD> </TD > <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD>  ;</TD> </TR> <TR > <TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD>  ;</TD> <TD> < /TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD > </TD> </TR> </TABLE> <P> <TABLE width="70%" border="1" cellpadding="0" cellpacing="1" bordercolor="#000000" id=" tableCol"> <TR> <TH ancho=" 25%" alcance="col">col1</TH> <TH ancho="25%" alcance="col">col2</TH> <TH ancho="25 %" alcance="col">col3</ TH> <TH ancho="25%" alcance="col">col4</TH> </TR> <TR> <TD> </TD> <TD > </TD> <TD>  ;</TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD > </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </ TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR > <TR> <TD> </ TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> </TABLE><p > <input type="button" value=" Exchange " onClick="change()" style="border:1px solid black; "> </body> <!--Descripción del código: Descripción: 1. Agregar onLoad=" init()" a <body> y cambie For <body onLoad="init()"> 2. Función function init() { setRowColor(document.all.tableRow,'trOdd','trEven'); setColColor(document. all.tableCol,'trOdd','trEven '); } tableRow, tableCol es el valor de ID de la tabla para configurar el color. setRowColor es la función para configurar el color de las filas alternativas. setColColor es la función para configurar el color de las columnas alternativas. -->
