Cambiar el color de una celda según su contenido.
Publicado por JDaniel (2 intervenciones) el 29/07/2017 00:52:32
Buenos Días.
Actualmente estoy haciendo una aplicacion que requiere javascript, quiero cambiar el color de fondo de una celda en base al contenido que hay en ella. Es decir, si el texto dentro de una celda es "Ejemplo", el color de la celda cambie a rojo por ejemplo.
Una disculpa anticipada por mi ignorancia pero a medida de que voy estudiando javascript voy creando la aplicacion.
Esto es una idea que tengo:
Cuando muestro este codigo en el navegador, pareciese que hace lo que le indico en la condición, pero cuando traté de cambiar la palabra que está dentro de la celda, no ejecuta la condición.
De antemano, muchas gracias.
Actualmente estoy haciendo una aplicacion que requiere javascript, quiero cambiar el color de fondo de una celda en base al contenido que hay en ella. Es decir, si el texto dentro de una celda es "Ejemplo", el color de la celda cambie a rojo por ejemplo.
Una disculpa anticipada por mi ignorancia pero a medida de que voy estudiando javascript voy creando la aplicacion.
Esto es una idea que tengo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hola Mundo</title>
</head>
<body>
<table width="200" border="1"
<tr>
<td id="celda"><text id="texto">Ejemplo</text></td>
</tr>
</table>
</body>
</html>
<script language="javascript">
var x;
x = document.getElementById("texto").textContent;
if(x = "Ejemplo")
{document.getElementById("celda").style.backgroundColor = "#66ff33";
}</script>
Cuando muestro este codigo en el navegador, pareciese que hace lo que le indico en la condición, pero cuando traté de cambiar la palabra que está dentro de la celda, no ejecuta la condición.
De antemano, muchas gracias.
Valora esta pregunta
0
