O seu for
não está percorrendo os elementos recuperados. Você precisa alterá-lo para:
for(var i = 0; i < objs.length; i++) ...
Depois, quando você vai inserir um valor em um style
você precisa especificar a medida que você está usando. Isso significa que em css 100
não representa uma medida e sim 100px
. Quando você recupera o valor em offsetWidth
o valor retornado é apenas 100
.
Você precisa setar px
"manualmente" ao alterar o valor de width da sua classe slide
:
window.onload = function() {
var slidewidth = document.getElementById("slideshow").offsetWidth;
var objs = document.getElementsByClassName("slide");
for(var i = 0; i < objs.length; i++) {
objs[i].style.width = slidewidth + "px";
}
}
.slideshow {
width: 100px;
height: auto;
background-color: #FF0000;
}
.slide {
width: 10px;
height: auto;
background-color: #00FF00;
}
<div class="slideshow" id="slideshow">
<div class="slideshowarea">
<div class="slide">a</div>
<div class="slide">b</div>
<div class="slide">c</div>
<div class="slide">d</div>
</div>
</div>
Caso o valor do width do slideshow
esteja no css, você pode recuperar diretamente, sem necessitar incluir o px
como medida do seu css, utilizando getComputedStyle:
var slidewidth = window.getComputedStyle(document.getElementById("slideshow")).width;