Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/10/2015, 09:25
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: Obtener ancho de una lista

Si utilizas la pseudoclase de CSS nth-child(), podrías obtener a ambos elementos utilizando el método selector .querySelector().

Código Javascript:
Ver original
  1. var primero = document.querySelector("ul:nth-child(1)"),
  2.     tercero = document.querySelector("ul:nth-child(3)");

Mientras que el ancho lo puedes obtener mediante la propiedad offsetWidth.

Código Javascript:
Ver original
  1. var ancho = primero.offsetWidth;

Y para aplicárselo al otro elemento, tienes que añadir al final la medida del ancho, la cual viene dada en píxeles.

Código Javascript:
Ver original
  1. tercero.style.width = ancho + "px";
,

De cualquier modo, podrías hacer esto de una manera más rápida desde una hoja de estilos.

Código CSS:
Ver original
  1. ul:nth-child(1), ul:nth-child(3){
  2.     width: "el ancho que quieras";
  3. }

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand