просмотр свойств CSS в Javascript - Веб-программирование

Anthony · 06.12.2007, 17:43

Код HTML:

<html>
<head>
	<title></title>
<style>
	#d1{display:block;width:100px;background:red;}
</style>
<script language="JavaScript">
function layer(layerName)
{
	if(document.getElementById) return document.getElementById(layerName)
	if(document.all) return document.all[layerName]
	if(document.layers) return document.layers[layerName]
	return null
}
function bb(item)
{
	doc=layer(item).style;
	alert(doc.display);
}
function aa(item)
{
	doc=layer(item).style;
	doc.background="blue";
}
</script>
</head>

<body>
	<div id="d1">sss</div>
	<a href="javascript:aa('d1')">aa</a>
	<a href="javascript:bb('d1')">bb</a>
</body>
</html>

При клике на ссылку bb почему-то выскакивает пустое сообщение. Тем не менее, если кликнуть на аа - скрипт честно меняет цвет блока. Мало того, bb после этого также начинает выдавать правильное значение.
Что бы это значило и как можно задать в CSS свойства, чтобы потом в скрипте получить их значения?

Hubbitus · 07.12.2007, 20:45

Даа, весьма интересное поведение.
Особо не изучал причину такого поведения, но если прямо в тэге написать style, то все работает почему-то:
<div id="d1" style="display:block">sss</div>

Так что это вполне может быть выходом.

Stasik · 12.12.2007, 23:30

в каком браузере это творится, можно поинтересоваться?

Hubbitus · 15.12.2007, 12:41

Stasik, а можно встречный вопрос - в каком браузере это не наблюдается??

Я смотрел в ФФ.

06.12.2007, 17:43	# 1
Anthony Newbie Регистрация: 05.04.2004 Сообщения: 39	просмотр свойств CSS в Javascript Код HTML: <html> <head> <title></title> <style> #d1{display:block;width:100px;background:red;} </style> <script language="JavaScript"> function layer(layerName) { if(document.getElementById) return document.getElementById(layerName) if(document.all) return document.all[layerName] if(document.layers) return document.layers[layerName] return null } function bb(item) { doc=layer(item).style; alert(doc.display); } function aa(item) { doc=layer(item).style; doc.background="blue"; } </script> </head> <body> <div id="d1">sss</div> <a href="javascript:aa('d1')">aa</a> <a href="javascript:bb('d1')">bb</a> </body> </html> При клике на ссылку bb почему-то выскакивает пустое сообщение. Тем не менее, если кликнуть на аа - скрипт честно меняет цвет блока. Мало того, bb после этого также начинает выдавать правильное значение. Что бы это значило и как можно задать в CSS свойства, чтобы потом в скрипте получить их значения?

07.12.2007, 20:45	# 2
Hubbitus мод IMHO Кодер-200(6,7,8) Регистрация: 29.03.2003 Адрес: Saint-Petersburg, Russia Пол: Male Сообщения: 2 734	Даа, весьма интересное поведение. Особо не изучал причину такого поведения, но если прямо в тэге написать style, то все работает почему-то: <div id="d1" style="display:block">sss</div> Так что это вполне может быть выходом. __________________ Я делаю Линукс! Присоединяйтесь к свободным людям! Связаться со мной всегда можно по джабберу: Hubbitus@jabber.ru Pahan-Hubbitus.

12.12.2007, 23:30	# 3
Stasik Registered User Регистрация: 27.03.2002 Адрес: дома Сообщения: 1 660	в каком браузере это творится, можно поинтересоваться? __________________ Всё будет хорошо!

15.12.2007, 12:41	# 4
Hubbitus мод IMHO Кодер-200(6,7,8) Регистрация: 29.03.2003 Адрес: Saint-Petersburg, Russia Пол: Male Сообщения: 2 734	Stasik, а можно встречный вопрос - в каком браузере это не наблюдается?? Я смотрел в ФФ. __________________ Я делаю Линукс! Присоединяйтесь к свободным людям! Связаться со мной всегда можно по джабберу: Hubbitus@jabber.ru Pahan-Hubbitus.