Не получается обратиться
Добрый вечер!!
Новичок. Не понимаю почему не работает. Растолкуйте, пожалуйста.
Код:
<div id="content">
<h2>Фото</h2>
<p>Наши фотографии:</p>
<div id="kollage">
<div id="prev" onclick="prev()"></div>
<div id="img_div">
<img src="images/001.jpg" onload="koll(this)" alt=""></img>
</div>
<div id="next" onclick="next()"></div>
</div>
</div>
Нужно установить ширину изображения равную ширине родительского элемента. То есть div'a c id=img_div.
JS:
Код:
function koll(img) {
var wdth = document.getElementById("img_div").style.width;
// var wdth = img.parentNode.style.width;
img.style.width = wdth;
//var imgs = ["images/001.jpg", "images/002.jpg", "images/003.jpg", "images/004.jpg",
// "images/005.jpg", "images/006.jpg", "images/007.jpg", "images/008.jpg"];
alert(wdth);
}
wdth оказывается пустым. Если указать явно ширину изображения - всё ok. Закоментированное обращение через parentNode тоже не работает.
Тестировочное alert(wdth); выдаёт пустое окно; alert(typeof(wdth)); - string; alert(toString(wdth)); - object Window.
Ничего не пойму :help: |