Tecnología

Inicio

Cómo cambiar el color del texto dentro de una tabla en HTML

Cómo cambiar el color del texto dentro de una tabla en HTML


Una tabla es un elemento en una página web HTML que da formato a la disposición de texto, imágenes y otros controles web. el diseño de una tabla normalmente se edita y controla mediante hojas de estilo en cascada (CSS), pero se pueden crear diseños dinámicos utilizando Javascript. Una de esas características dinámicas de una tabla HTML es el color de la fuente. Se puede utilizar Javascript para editar la fuente en una mesa después de que la página ya se ha cargado en el navegador web de un usuario.

Instrucciones

1 Abre el archivo HTML que contiene la tabla y el texto. Se puede usar un simple editor de texto como Bloc de notas o Notepad ++ para agregar código Javascript.

2 Crear la apertura y cierre de Javascript bloques que contienen el código. Todo Javascript está contenida dentro de la etiqueta "script de \" \. Añadir el código de abajo en las etiquetas \ "\" la cabeza de la página web:
<Script type = \ "text / javascript \"> </ script>

3 Utilice el código siguiente para cambiar el color del texto de una tabla:
document.getElementById (\ "myTable \"). color = \ "# 000000 \"
IR
Reemplazar \ "myTable \" con el ID de la tabla dentro de su página web. En este ejemplo, el color del texto para la tabla se cambia a negro, que se indica en notación hexadecimal como \ "# 000000. \"

4 Guarde el archivo y cargar la página web en el navegador web. Observe el color del texto de la tabla se cambia al color que se indica en el código Javascript.