Cómo dar formato a una celda basándose en otro

Si usted tiene una página web con la creación de tablas dinámicas, puede utilizar Javascript para dar formato a una celda basado en el formato de una celda de la tabla ya existente. Esto se logra mediante la lectura del formato actual de la célula y estableciendo su valor en propiedades de la tabla. Javascript es script del lado del cliente compatible con cualquier navegador web, por lo que el lenguaje de codificación es útil para los webmasters que crean aplicaciones web usadas por varios visitantes diferentes.

Instrucciones

1 Abra el archivo HTML en un editor de texto. Se puede utilizar una aplicación tan simple como el Bloc de notas, o puede utilizar las aplicaciones más avanzadas, como Notepad ++ y Visual Studio.

2 Comience el bloque Javascript usando el siguiente código:
<Script type = \ "text / javascript \"> </ script>
Esto es necesario para todas las secciones de código Javascript, y normalmente es colocado en el extremo o en las etiquetas \ "\" cabeza del archivo. Este bloque engloba todas las sentencias de JavaScript.

3 Recuperar el formato de la celda actual. En este ejemplo, el código recupera la anchura y la alineación de la celda actual. El código siguiente recupera el formato de una celda de la tabla:
la alineación = document.getElementById ( 'myTableCell'). alinee
IR
. Width = document.getElementById ( 'myTableCell') de ancho;

4 Definir formato de la celda del objetivo utilizando las variables recuperada en el paso 3. El siguiente código asigna el nuevo formato a una celda:
document.getElementById ( 'myNewTableCell'). align = alineación
IR
. Document.getElementById ( 'myNewTableCell') Ancho = ancho;

5 Guarde el archivo y abrirlo con el navegador web. Note la nueva celda de la tabla tiene el mismo formato que la celda de origen.