Acceder al último td de un tr al onmouseover

[erxaca]

Hola compañeros,

sabeis si es posible acceder al ultimo td de un tr a través del onmouseover?

Lo que pretendo es cambiar el fondo de todos los ultimos td pertenecientes a cada uno de los tr de una tabla, lo he intentado con this.last-child... pero no es válido.

Un saludo!

[dukeblass]

last-child es CSS no javascript

se puede acceder a cualquier nodo mediante el DOM
ejemplo:

Código HTML:

<p>mi P uno</p>
<p>mi P dos</p>
....
 

Código Javascript:

alert(document.getElementsByTagName('p')[0].innerHTML);// <-- esto me daría "mi P uno"
alert(document.getElementsByTagName('p')[1].innerHTML);// <-- esto me daría "mi P dos"
// y así sucesivamente
 

has lo mismo pero con tus tablas...

pero acceder de esta forma es demasiado tedioso ya que puedes aumentar de contenido dinamicamente y ello te llevaría a modificar todo el JS,
mejor hazlo así
-> Colocas un id al padre principal
-> accedes a ese padre por js con getElementById
-> cuentas cuantos td hay por medio de length
-> y a este conteo le restas uno y ya tendrás el ultimo
-> y al final a todos los últimos le cambias de color con la propiedad style de js

[erxaca]

Gracias por tu respuesta dukeblass.

Siempre será el tercer td de cada tr, probé tu script y funciona perfecto pero como hacer para que al onmouseover de cualquiera de los tr cambie el estilo del último td de todos los tr?

He probado con document.getElementsByClassName aplicando la clase ultimo a cada uno de los últimos td y llamando a una funcion js al onmouseover de cada tr pero no funciona

[Perr0]

que tal, siempre he dicho que un ejemplo vale por mil palabras...

http://perr0.netii.net/exs/ultimotr.php

estudialo, mira que es simple...

si era otra cosa, sorry

salu2

fe de perratas: deberia ser por correcta sintaxis cambiarultimotd, pero yo el tonto le puse cambiarultimotr (se entiende)

[InKarC]

last-child es CSS no javascript

Mmmm... Javascript en sus ultimas versiones esta inclinado a usar selectores CSS en funciones tales como querySelectorAll() entre otras (y claro, uno de estos selectores es last-child). Pero todavía mucha gente usa navegadores antiguos por lo que todavía no es buena idea utilizarlo.

Respecto a la pregunta original:

Código Javascript:

var tds = document.getElementsByTagName("td");
 
    for(var i = 0; i<tds.length; i++){
        tds[i].onmouseover = cambiar_color
    }
    
    function cambiar_color(){
        
    for(i = 0; i<tds.length; i++){
        tds[i].style.backgroundColor = "white"
    }
 
    var esta_fila = this.parentNode.getElementsByTagName("td");
        esta_fila[esta_fila.length-1].style.backgroundColor = "red"
    }
 

Eso es todo.

[dukeblass]

Iniciado por InKarC

Mmmm... Javascript en sus ultimas versiones esta inclinado a [URL="http://www.javascriptkit.com/dhtmltutors/css_selectors_api.shtml"]usar selectores CSS[/URL] en funciones tales como querySelectorAll() entre otras (y claro, uno de estos selectores es last-child). Pero todavía mucha gente usa navegadores antiguos por lo que todavía no es buena idea utilizarlo.
.

ya pero el querySelectorAll es recién ...... y hasta que se implementen .
son selectores al estilo jquery, que usan CSS para captar...

[erxaca]

Interesante tu método Perr0, es nuevo ese método? lo digo por la compatibilidad ante navegadores.

InKarC lo que me propones es mas o menos lo que quiero hacer, pero como decía, tengo una tabla con varios tr que a su vez tienen 3 td cada uno. Quiero cambiar el fondo de todos los últimos td de cada tr al posicionar el puntero sobre cualquiera de los tr no solo cambiar el último td del tr sobre el que se posiciona.

Gracias a ambos por vuestras respuestas.