Declarar table, td, tr... en document

Cain · #1 (**permalink**) 30/07/2002, 09:33

Necesito cambiar la clase de una serie de td y, para eso, me hace falta indicar que td quiero que se modifiquen dentro de una función.
Intuitivamente he probado cosas como document.tables[1].td[I].className
document.nombre_table.td.className
etc.
Pero no me ha funcionado nada.
He buscado en Google pero no encuentro documentación al respecto.
Sé que tiene que ser posible de algún modo, he probado con GetElementsByTagName y tampoco me ha funcionado.
¿Alguien sabe como se podría hacer? ¿o de algún sitio donde encontrar documentación o ejemplos?

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>

KarlanKas · #2 (**permalink**) 30/07/2002, 09:59

igual es un poco burdo, pero podrías hacer...

Modificamos la class del td siguiente:

<tr id="alienigena">
<td class="abducido">
casa
</td>
</tr>
--------
así:

document.getElementById('alienigena').innerHTML=&q uot;<td class="victima">experimento</td>";

Espero que te sirva

Cain · #3 (**permalink**) 30/07/2002, 10:05

Pues voy a probarlo y ahora te cuento. Y no te preocupes si parece un poco raro, yo he probado cosas que realmente son puras tonterías

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>

Cain · #4 (**permalink**) 30/07/2002, 10:08

FUNCIONAAAAA!!!!! :):):)
Muchas gracias KarlanKas

Eres el mejor!

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>

Cain · #5 (**permalink**) 30/07/2002, 10:24

Pasada la euforia volvemos al mundo real :( Resulta que me funcionaba bien para cambiarme un td, pero a la hora de cambiar todos los td de una tabla la hemos jo***do :(
Como sería para cambiar todos los td de una tabla? ¿document.getElementById('alienigena').?
¿document.getElementById('alienigena'+i).?

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>

KarlanKas · #6 (**permalink**) 30/07/2002, 10:50

creo que esto queda más profesional:

<html>
<head>
<title>Prueba</title>
<style>
.cece{color:black;
font:normal}
.bbb{color:gray;
font:bold;}
</style>

</head>

<body>

<table>
<tr>
<td class="cece" onmouseover="this.className='bbb'">dg gfgfgf</td>
</tr>
</table>

</body>
</html>

KarlanKas · #7 (**permalink**) 30/07/2002, 11:13

Un ejemplo más elaborado que además creo que te ayuda en lo que quieres:

Código:

&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;Prueba&lt;/title&gt;
&lt;style&gt;
.cece{color:black;
cursor:help;
font:normal}
.bbb{color:gray;
font:bold;cursor:hand;}
.ccc{color:red;
font:bold;
cursor:wait;}
&lt;/style&gt;
&lt;script language=&quot;Javascript&quot;&gt;
&lt;!--
function cambio(cambiaresto,clases){
if(cambiaresto==&quot;todo&quot;){
for (a=1;a&lt;8;a++){document.getElementById('tabla'+a).className=clases}
}
else{cambiaresto.className=clases}
}
//--&gt;
document.write(&quot;&lt;table&gt;&quot;);
for (a=1;a&lt;8;a++){
				  if (a==4){
				  	 		document.write(&quot;&lt;tr&gt;&lt;td id='tabla&quot;+a+&quot;' class='cece' onmouseover=cambio('todo','ccc');&gt;hola&lt;/td&gt;&lt;/tr&gt;&quot;);
							}
				  else{
				  	   document.write(&quot;&lt;tr&gt;&lt;td id='tabla&quot;+a+&quot;' class='cece' onmouseover=cambio(this,'bbb');&gt;hola&lt;/td&gt;&lt;/tr&gt;&quot;);
					   }
					}
document.write(&quot;&lt;/table&gt;&quot;);
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;


&lt;/body&gt;
&lt;/html&gt;

Si no lo entiendes pregunta!!!

Cain · #8 (**permalink**) 31/07/2002, 02:39

Gracias, pero el problema era que tengo un script que me ordena las filas alfabéticamente y, al hacerlo, perdía los estilos.
Al final he modificado el script 'ordenador' y he resuelto el problema.
Muchas gracias a todos por vuestra ayuda

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>