Si utilizas la pseudoclase de CSS
nth-child()
, podrías obtener a ambos elementos utilizando el método selector
.querySelector()
.
Código Javascript
:
Ver originalvar 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
:
Ver originalvar 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 originaltercero.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 originalul:nth-child(1), ul:nth-child(3){
width: "el ancho que quieras";
}
Un saludo