Не получается получить свойство через DOM!

lazybaby · February 15, 2010

Собственно код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

#foo { display:none; }

</style>

</head>

<body>

alert(document.getElementById("foo").style.display);

</script>

</body>

</html>

Ожидаю, естественно, получить "none", а в итоге - пустая строка.

При этом если задать атрибут прямо в тэге (т.е. style="display:none") получаем то, что и требуется.

Идеи?

Edited February 15, 2010 by lazybaby

3ABAPKA · February 15, 2010

Может так?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/*#foo { display:none; }
.foo { display:none; }*/
</style>
</head>
<body>
<div id="foo" class="foo">Some text</div>
<script type="text/javascript">
document.getElementById("foo").style.display="none";

//alert(document.getElementById("foo").class);


if(document.getElementById("foo").style.display=="none"){
alert("none");

}else{
alert("нет данных");

}
</script>
</body>
</html>

Searcher · February 15, 2010

Читайте про функции getComputedStyle и getPropertyValue

статейка хорошая по теме

psywalker · February 15, 2010

Вот хороший пример, но ИЕ не понимает его.

<style type="text/css">
	.someClass {
		margin-left: 15px;
	}
</style>
<div onclick="alert(window.getComputedStyle(this, null).marginLeft)" class="someClass">Нажми на меня</div>

А вот для ИЕ

<style type="text/css">
	.someClass {
		margin-left: 15px;
	}
</style>
<div onclick="alert(this.currentStyle.marginLeft)" class="someClass">Нажми на меня</div>

psywalker · February 15, 2010

Searcher, у меня есть вопрос

Вот этот метод принимает два аргумента

alert(window.getComputedStyle(this, null)

Первый я понимаю для чего, this - ссылается на сам элемент, а зачем нужен null?

psywalker · February 15, 2010

Пондимаю тему, так как не было ответа. Очень хочется узнать его :lol:

s0rr0w · February 15, 2010

Первый я понимаю для чего, this - ссылается на сам элемент, а зачем нужен null?

Это псевтоэлемент. Например, "hover"

psywalker · February 16, 2010

Это псевтоэлемент. Например, "hover"

А нафига он нужен вообще в нашем случае?

s0rr0w · February 16, 2010

А нафига он нужен вообще в нашем случае?

null говорит, что нам он не нужен

psywalker · February 16, 2010

null говорит, что нам он не нужен

Аа, т.е. hover например говорил бы нам о том. какие свойства у нашего элемента при наведении?

s0rr0w · February 16, 2010

Да

psywalker · February 16, 2010

Да

аа, понятненько, спасиб :lol:

Sign In

Не получается получить свойство через DOM!

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information