Изменение ширины элемента

[Shurik]

Всем привет!

Не получается задать ширину элемента через стили. Делаю так:

<script type="text/javascript">
	function width()
	{
		document.getElementById("elem").style.width = "600px";
	}
	width();
</script>

<div style="background:green" id="elem">text</div>

Но элемент растянут на всю страницу, а не на 600px. Что не так?

[ksa]

Что не так?

Например твой скрипт выполнился ранее создания элемента...

[ksa]

<script type="text/javascript">
	function width() {
		document.getElementById("elem").style.width = "100px";
	};
	window.onload=width;
</script>
<div style="background:green" id="elem">text</div>

[danik.js]

Проще так:

<div style="background:green" id="elem">text</div>
<script>
    function width() {
        document.getElementById("elem").style.width = "100px";
    };
    width();
</script>

[ksa]

Проще так

Я не сторонник тыкать скрипты по всей странице...

[danik.js]

Зачем же по всей странице. В самом низу, перед закрывающим body. Или можно функции объявлять в башке, а вызовы уже делать у подножья. И никаких проблем с кроссбраузерностью, и не нужно ждать загрузку всех неважных ресурсов типа картинок.
А вобще, например для сворачивания меню-аккордеона, я добавлю скрипт сразу после тега меню, чтобы небыло мерцания, ибо до DOMContentLoaded еще далеко. Не вижу в этом ничего плохого.