Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.10.2013, 19:24
Интересующийся
Отправить личное сообщение для izbash Посмотреть профиль Найти все сообщения от izbash
 
Регистрация: 28.06.2013
Сообщений: 19

Проблема с getComputedStyle()
Здравствуйте!

Пустяковая и очень примитивная ошибка, и тем не менее не могу разобраться!

HTML:

<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
<script src="script.js"></script>
</head>
<body>
<div id="bod"></div>
</body>
</html>


CSS:

Код:
html {
	background-color: #1F528B;
	height: 100%;
}

#button {
	width:100px;
	height:100px;
	background-color:white;
	-webkit-border-radius: 15px;
	border:2px solid green;
}

#bod {
	-webkit-border-radius: 20px;	
	background-color: #16A085;	
	margin: 50px auto;	
	width: 300px;
	height: 300px;
}
JS:

var bod = document.getElementById("bod");
var computedStyle = window.getComputedStyle(bod,"").backgroundColor;
alert(computedStyle);


Пытаюсь поймать и вывести свойство, но без успешно, в чем причина?

Последний раз редактировалось izbash, 03.10.2013 в 19:31.
Ответить с цитированием
  #2 (permalink)  
Старый 03.10.2013, 19:54
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от izbash
Пытаюсь поймать и вывести свойство, но без успешно, в чем причина?
На момент выполения скрипта документ еще не загружен. Перемести скрипт ниже, либо повесь обработчик на DOMContentLoaded
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 03.10.2013, 20:11
Интересующийся
Отправить личное сообщение для izbash Посмотреть профиль Найти все сообщения от izbash
 
Регистрация: 28.06.2013
Сообщений: 19

Благодарю! Не знал этой интересной тонкости!
Ответить с цитированием
  #4 (permalink)  
Старый 03.10.2013, 20:37
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

здесь могла бы возникнуть еще одна тонкость. Если бы в первой строке скрипта был опущен var, этот код приводил бы в к ошибке в IE8-, поэтому на всякий случай лучше избегать называть переменные такими же именами, какие используются для ID элементов.
Ответить с цитированием
  #5 (permalink)  
Старый 03.10.2013, 20:42
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от BETEPAH
здесь могла бы возникнуть еще одна тонкость. Если бы в первой строке скрипта был опущен var, этот код приводил бы в к ошибке в IE8-, поэтому на всякий случай лучше избегать называть переменные такими же именами, какие используются для ID элементов.
Неправильный вывод.
1) Никогда не забывать var.
2) Не засорять глобальную область видимости, для этого оборачиваем код в (function(){ ... })()
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с радио кнопками px379 Общие вопросы Javascript 8 29.07.2013 09:30
Проблема с обработкой ескольких .hover() anocean jQuery 3 15.06.2012 22:43
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47