Obtener ancho de una lista

[NickyDis19]

Buenas tengo una consulta, como puedo obtener el ancho del primer ul en este codigo? y como le aplico ese ancho a la propiedad right del tercer ul?
si el primer ul tubiera 250px de ancho, el tercer ul deberia tener right:250px,

alguien que me ayude a resolver este problema?, muchas gracias de antemano

[Alexis88]

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

Código Javascript:

var primero = document.querySelector("ul:nth-child(1)"),
    tercero = document.querySelector("ul:nth-child(3)");
 

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

Código Javascript:

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:

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:

ul:nth-child(1), ul:nth-child(3){
    width: "el ancho que quieras";
}
 

Un saludo

[NickyDis19]

Muchas gracias probare solo con css