[Duda] Modificar propiedades de una tabla

[Josepepe033]

Bueno, el otro día aprendíha acceder a las tablas por medio del DOM y poder modificar el contenido con el:

document.getElementById("ID").innerHTML = "CONTENDO_NUEVO";

La duda que tengo ahora es, ¿puedo modificar una propiedad de un <div> en concreto de dicha tabla encontrandola por su class?

Es decir, si yo tengo una tabla:

<table id="id1"><tr><td><div><a href ="propiedad_a_modificar" class="clase1">CONTENIDO</a></div>aquí hay mas divs similares</td></tr></table>

Lo que me interesa es modificar el enlace de dicho div, pero no se cómo localizarlo dentro de la tabla y luego poder modificar ese aributo en concreto.

[Adler]

Hola

Mejor que usar getElementsByClassName, con el que tendrías problemas en IE, mejor haz esto.
Dale una id al vinculo

<table id="id1"><tr><td><div><a href ="propiedad_a_modificar" id="clase1" class="clase1">CONTENIDO</a></div>aquí hay mas divs similares</td></tr></table>

Ahora podemos referenciarlo directamente document.getElementById('clase1') o podemos hacer esto

document.getElementById('td1') // la tabla
getElementsByTagName('div') // todos los div que contiene la tabla

De tal manera que si queremos recorrer todas la ligas que hay en la tabla y cambiar su propiedad href, haríamos algo así

Código Javascript:

var div = document.getElementById('td1').getElementsByTagName('div');
var ligas = div.getElementsByTagName('a');
for (i=0; i < ligas.length; i++) {
if (ligas[i].id == 'clase1') ligas[i].href = 'loquesea';
}
 

Suerte

[Josepepe033]

El caso es que no podia asignarle nada porque venia por defecto en el foro y no se podia cambiar, pero lo solucioné buscado el TagName a.

Gracias. ;)