Простой вопрос по getElementById

denisator · June 21, 2012

Ребята, подскажите.

Почему алерт выводит значение ширины блока пустым?


<html>
<head>
</head>
<style>
	#timeline_play {width:10px;}
</style>
<body>
	<div id="timeline_play"></div>
<script>
	alert(document.getElementById("timeline_play").style.width);
</script>
</body>
</html>

Veseloff · June 22, 2012

Потому что она не задана.

Avalon4eg · June 22, 2012

.width()!

denisator · June 22, 2012

Ох, ребята, не понимаю. :-(

Потому что она не задана.

Что значит не заданна? Вон же у меня указанно #timeline_play {width:10px;}

.width()!

Что это значит? Где это надо написать?

Вот так? alert(document.getElementById("timeline_play").style.width());

Тоже не работает :-(

Searcher · June 22, 2012

.width()!

Не путайте людей, .width здесь не функция.

В .style свойства не определены пока вы напрямую скриптом их не зададите. Читайте: http://javascript.ru/blog/Andrej-Paranichev/Osnovy-programmnoj-animacii-JavaScript

Veseloff · June 22, 2012

Во-первых, пока DOM не готов, не надо с ним ничего делать джаваскриптом. Во-вторых, style — свойство элемента, а css к нему кагбэ отношения не имеет. При помощи jquery это делается как-то так.

Avalon4eg · June 22, 2012

Офтоп:

Нубовопрос - объясните откуда пошла "традиция" задавать айдишники и классы "foo" в примерах? =)

denisator · June 22, 2012

В .style свойства не определены пока вы напрямую скриптом их не зададите. Читайте: http://javascript.ru...acii-JavaScript

Большое спасибо за статью. Очень помогла :-)

Во-первых, пока DOM не готов, не надо с ним ничего делать джаваскриптом. Во-вторых, style — свойство элемента, а css к нему кагбэ отношения не имеет. При помощи jquery это делается как-то так.

Хотелось бы обойтись без jquery.

В итоге сделал так:

<html>
<head>
</head>
<body>
	<div id="timeline_play" style="width: 20px;"></div>
<script>
	alert(document.getElementById("timeline_play").style.width);
</script>
</body>
</html>

Этот вариант меня вполне устраивает :-)

Нубовопрос - объясните откуда пошла "традиция" задавать айдишники и классы "foo" в примерах? =)

К сожалению не очень понимаю что вы имеете ввиду.

Great Rash · June 22, 2012

Почему алерт выводит значение ширины блока пустым?

«javascript computed style» в Google.

Нубовопрос - объясните откуда пошла "традиция" задавать айдишники и классы "foo" в примерах? =)

foobar

SelenIT · June 22, 2012

Потому что нечто.style.чтоТо — это что-то, заданное в атрибуте style для "нечта". А действующие стили видны в window.getComputedStyle(нечто).чтоТо или — только в старых IE — в нечто.currentStyle.чтоТо.

Sign In

Простой вопрос по getElementById

Question

denisator

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Veseloff

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

denisator

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

denisator

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information