Изменение ширины элемента
Всем привет!
Не получается задать ширину элемента через стили. Делаю так:
<script type="text/javascript">
function width()
{
document.getElementById("elem").style.width = "600px";
}
width();
</script>
<div style="background:green" id="elem">text</div> Но элемент растянут на всю страницу, а не на 600px. Что не так? |
Цитата:
|
<script type="text/javascript">
function width() {
document.getElementById("elem").style.width = "100px";
};
window.onload=width;
</script>
<div style="background:green" id="elem">text</div>
|
Проще так:
<div style="background:green" id="elem">text</div>
<script>
function width() {
document.getElementById("elem").style.width = "100px";
};
width();
</script>
|
Цитата:
|
Зачем же по всей странице. В самом низу, перед закрывающим body. Или можно функции объявлять в башке, а вызовы уже делать у подножья. И никаких проблем с кроссбраузерностью, и не нужно ждать загрузку всех неважных ресурсов типа картинок.
А вобще, например для сворачивания меню-аккордеона, я добавлю скрипт сразу после тега меню, чтобы небыло мерцания, ибо до DOMContentLoaded еще далеко. Не вижу в этом ничего плохого. |
| Часовой пояс GMT +3, время: 06:01. |