getElementBy...('ELem').style возник вопрос
Здравствуйте, я новичок и не понимаю некоторых вещей:
Есть изображение с id="lumber_img", и у него есть изначально(как и у любого другого изображения) ширина и высота. Почему если я делаю так
alert(document.getElementById("lumber_img").style.width);
мне возвращает пустую строку? Потом я попробовал с помощью css задать высоту и ширину, а javascript все равно возвращает пустую строку. Почему так? И если так то как по другому узнать начальные параметры загружаемого изображения? :help: |
Если ширина/высота указаны так:
<img src="planberlina.png" id="img" width="100" height="100">
<script>
// то получать их следует так:
el= document.getElementById("img");
alert("size: " + parseInt(el.width) + "x" + parseInt(el.height));
</script>
Если вот так:
<img src="planberlina.png" id="img" style="width: 100px; height: 100px">
<script>
// то получать их следует так:
el= document.getElementById("img");
alert("size: " + parseInt(el.style.width) + "x" + parseInt(el.style.height));
</script>
Если они указаны в отдельном стилевом файле, то всё плохо - надо гуглить в сторону computedStyle/currentStyle(ie) |
У меня как раз в отдельном, но и на том спасибо:)
|
А если они не указана вовсе?
Чтобы узнать изначальные параметры img, что нужно? |
Вы о таком?
<img src="http://img.yandex.net/i/www/logo.png" id="img">
<script>
el= document.getElementById("img");
if (el.offsetHeight) //если картика загрузилась и уже известна её высота
alert("size: "+el.offsetWidth + "x" + el.offsetHeight);
else {// иначе, если картинка не загрузилась - ставим обработчик на её загрузку
el.onload= function(){alert("size: " + this.offsetWidth + "x" + this.offsetHeight);}
};
</script>
|
Style возвращает то, что в style, чевидно же.)
|
Цитата:
|
Спасибо Большое)
|
Цитата:
http://javascript.ru/blog/Andrej-Par...cii-JavaScript |
| Часовой пояс GMT +3, время: 09:11. |