Como puedo cambiar el color de fondo de una celda

sanchezl · #1 (**permalink**) 19/04/2002, 07:27

¿Cómo puedo cambiar el colos del fondo de una celda con Javascript?

¿Cómo se accede a las celdas de Javascript?
¿es algo como document.tabla.rows[0]?

bet · #2 (**permalink**) 19/04/2002, 09:44

Algo así es lo que buscas??

Código:

&lt;html&gt;
&lt;head&gt;
&lt;title&gt; New Document &lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
	td {background-color: green; color:white;}
&lt;/style&gt;

&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
function cambio(item,bg){
	item.style.backgroundColor = bg;
	}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body bgcolor=&quot;#FFFFFF&quot;&gt;
&lt;table width=&quot;50%&quot;&gt;
&lt;tr&gt;
	&lt;td  onMouseOver=&quot;cambio(this,'blue');&quot; onMouseOut=&quot;cambio(this,'green');&quot;&gt; Campo 1&lt;/td&gt;
	&lt;td  onMouseOver=&quot;cambio(this,'blue');&quot; onMouseOut=&quot;cambio(this,'green');&quot;&gt; Campo 2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
	&lt;td  onMouseOver=&quot;cambio(this,'blue');&quot; onMouseOut=&quot;cambio(this,'green');&quot;&gt; Campo 3&lt;/td&gt;
	&lt;td  onMouseOver=&quot;cambio(this,'blue');&quot; onMouseOut=&quot;cambio(this,'green');&quot;&gt; Campo 4&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

<hr noshade size=1><img src="http://www.gograph.com/Images-8712/ClipArt/cat03.gif" height="50" border=0 align="absmiddle"> <font size="2" face="verdana" color="#000000">bet[/CODE]

sanchezl · #3 (**permalink**) 20/04/2002, 12:26

Si, algo así es lo que busco, pero quisiera saber como acceder a una celda de una tabla sin utilizar la palabra 'this'

caricatos · #4 (**permalink**) 20/04/2002, 17:45

Hola sanchezl:

Se pueden acceder a casi todas las partes de una página html si tiene el atributo id con:
document.getElementById; por ejemplo si tu celda es algo así <td bgcolor=green id=celda>, puedes ponerle el color azul usando: document.getElementById("celda").bgcolor =blue; y esto te sirve desde cualquier lugar de la página aunque no esté en un script.
Si usas sólo explorer podrías poner simplemente celda.bgcolor=blue; pero pienso que si queremos que nuestras páginas sean visitadas por el mayor número de personas, tenemos que tratar de adaptarlas a ambos.

Saludos.