>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Проблемы с сайтами
   http://forum.mozilla-russia.org/viewforum.php?id=24
>Работа скрипта с объектом "style"
   http://forum.mozilla-russia.org/viewtopic.php?id=11721

esquire_vik > 03-08-2006 22:47:13

Здравствуте! Подскажите пожалуйста что я сделал не так, почему  с помощью Javascrip при смене стиля mozilla ничего не меняет хотя в IE все работает?

Выделить код

Код:

<script>
function change(){
next.style.backgroundColor='#FFFF00';}
</script>
<body>
<div id="next" style="padding:1px; border-style:solid;border-width:1px;border-color:#000000;
background-color:#640000;text-align:center;" ><a href="#next"  onclick="change(); return false;" 
style="color:#000000;text-decoration:none;">next</a></div>
</body>
Lynn > 04-08-2006 00:38:19

Загляните в Tools -> Error Console

Вместо next.style надо писать document.getElementById('next').style

esquire_vik > 05-08-2006 12:32:07

Спасибо!

esquire_vik > 16-08-2006 01:28:42

А как быть когда вот такое?

Выделить код

Код:

#next a{
visibility:visible;}

document.getElementById('next').style.visibility='hidden';

ето работать не будет!

Lynn > 16-08-2006 08:22:07

Поподробнее, пожалуйста.
Что работать не будет?

esquire_vik > 16-08-2006 14:40:22
Lynn пишет

Поподробнее, пожалуйста.
Что работать не будет?

У меня возникла ситуация когда нужно  сменить значение   свойства visibility но оно в

Выделить код

Код:

#next a

вот сам  код:

Выделить код

Код:

<head>
<style>
#next a{
visibility:visible;
}
</style>
<script>
function  vis(){
document.getElementById('next').style.visibility='hidden';
}</script>
</head>
<body>
<div id="next"><a href="javascript:;"   onclick="vis(); return false;">next</a></div>
</body>
</html>

Как заставить этот  кусок кода  работать?

Al_H > 16-08-2006 15:20:15

esquire_vik
Очень просто. Обращаться к тому элементу, для которого задана видимость. У Вас visibility применено к ссылке, а меняете Вы ее у охватывающего блока. visibility не наследуется. Попробуйте либо задать ее для блока, либо обращаться к ссылке, указав для нее id.
P.S.На самом деле, я зря написал, что не наследуется. Наследуется, но хитрым образом. Вложенные элементы наследуют поведение родителя, но указание свойства для дочернего элемента перекрывает аналогичное родительское. Вот примеры:

Выделить код

Код:

display: none; > display: block;
результат: скрыт
display: block; > display: block;
результат: видим
visibility: hidden; > visibility: hidden;
результат: скрыт
visibility: hidden; > visibility: visible;
результат: видим
visibility: hidden; > visibility: inherit;
результат: скрыт
visibility: visible; > visibility: inherit;
результат: видим
esquire_vik > 16-08-2006 15:55:57

Еще раз спасибо!
Понял!